Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
面頁(yè)面不多,提供給有能力的高手?jǐn)U展制作,里面為響應(yīng)式的html模板素材,一共4個(gè)頁(yè)面,首頁(yè),列表頁(yè),內(nèi)容頁(yè),還有擴(kuò)展單頁(yè),詳情可以看下面圖片,僅供參考
首頁(yè)
列表頁(yè)
內(nèi)容頁(yè)
ava程序員學(xué)習(xí)HTML,表格和表單是用得比較多的,掌握好這2個(gè)標(biāo)簽的詳細(xì)用法會(huì)對(duì)你非常有益!
一、table表格
表格由table標(biāo)簽表示,里面嵌套tr,表示一行,而tr里面嵌套td和th,表示一行有多少列。它們的具體屬性和使用方法如下:
注意點(diǎn):table、tr和td都有align屬性,但含義不同。其中table的align表示整個(gè)表格居中對(duì)齊,而在tr中表示整行中所有的單元格中的內(nèi)容居中對(duì)齊,在td中則表示該單元格中的內(nèi)容劇中對(duì)齊。此外td和th還有跨行和跨列的功能。現(xiàn)在利用這個(gè)知識(shí)點(diǎn)實(shí)現(xiàn)一個(gè)具有層次結(jié)構(gòu)的表格:
代碼:
<html>
<head>
<TITLE>first page!!</title>
</head>
<body>
<table border="1" width="700px" align="center">
<tr>
<th>待執(zhí)行項(xiàng)目</th>
<th> </th>
<th>正在執(zhí)行項(xiàng)目</th>
</tr>
<tr>
<td valign="top">
<table border="1" width="100%" >
<tr>
<th>
<input type="checkbox" />
</th>
<th>項(xiàng)目名</th>
<th>花費(fèi)</th>
</tr>
<tr align="center">
<td>
<input type="checkbox" />
</td>
<td>A</td>
<td>998.00</td>
</tr>
<tr align="center">
<td>
<input type="checkbox" />
</td>
<td>A</td>
<td>998.00</td>
</tr>
<tr align="center">
<td>
<input type="checkbox" />
</td>
<td>A</td>
<td>998.00</td>
</tr>
<tr align="center">
<td>
<input type="checkbox" />
</td>
<td>A</td>
<td>998.00</td>
</tr>
<tr align="center">
<td>
<input type="checkbox" />
</td>
<td>A</td>
<td>998.00</td>
</tr>
<tr align="center">
<td>
<input type="checkbox" />
</td>
<td>A</td>
<td>998.00</td>
</tr>
<tr align="center">
<td>
<input type="checkbox" />
</td>
<td>A</td>
<td>998.00</td>
</tr>
<tr align="center">
<td>
<input type="checkbox" />
</td>
<td>A</td>
<td>998.00</td>
</tr>
<tr align="center">
<td>
<input type="checkbox" />
</td>
<td>A</td>
<td>998.00</td>
</tr>
<tr align="center">
<td>
<input type="checkbox" />
</td>
<td>A</td>
<td>998.00</td>
</tr>
</table>
</td>
<td align="center">
<input type="button" value="移入>>" /><br/><br/>
<input type="button" value="<<移出" />
</td>
<td valign="top">
<table border="1" width="100%">
<tr>
<th>
<input type="checkbox" />
</th>
<th>項(xiàng)目名</th>
<th>花費(fèi)</th>
</tr>
<tr align="center">
<td>
<input type="checkbox" />
</td>
<td>A</td>
<td>998.00</td>
</tr>
<tr align="center">
<td>
<input type="checkbox" />
</td>
<td>A</td>
<td>998.00</td>
</tr>
<tr align="center">
<td>
<input type="checkbox" />
</td>
<td>A</td>
<td>998.00</td>
</tr>
<tr align="center">
<td>
<input type="checkbox" />
</td>
<td>A</td>
<td>998.00</td>
</tr>
<tr align="center">
<td>
<input type="checkbox" />
</td>
<td>A</td>
<td>998.00</td>
</tr>
<tr align="center">
<td>
<input type="checkbox" />
</td>
<td>A</td>
<td>998.00</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
代碼運(yùn)行效果:
二、form表單
對(duì)于javaEE程序員,我們?nèi)粘]斎胗脩裘兔艽a,然后提交表單,可是對(duì)表單總是懵懵懂懂,現(xiàn)在超詳細(xì)精煉總結(jié)如下,希望可以幫到你!
希望你照著我給出的模板,每一個(gè)都去測(cè)試一下,你便會(huì)豁然開(kāi)朗,從此表單提交不再困惑!
挑戰(zhàn)30天在頭條寫日記#
HTML是一種用于創(chuàng)建網(wǎng)頁(yè)結(jié)構(gòu)和內(nèi)容的標(biāo)記語(yǔ)言,其中包含了許多標(biāo)簽,可以用于排版、布局和展示內(nèi)容。本文將詳細(xì)介紹HTML中的<tr>和<td>標(biāo)簽的使用方法,并通過(guò)示例展示如何創(chuàng)建表格。
1. <tr>標(biāo)簽的作用: <tr>標(biāo)簽代表HTML表格中的一行(行數(shù)據(jù)),它可以包含一個(gè)或多個(gè)<td>元素作為單元格。
2. <td>標(biāo)簽的作用: <td>標(biāo)簽用于定義表格中的一個(gè)單元格(列數(shù)據(jù)),可以包含文本、圖像、鏈接等內(nèi)容。
3. 如何使用<tr>和<td>: 在使用<tr>和<td>標(biāo)簽時(shí),首先需要?jiǎng)?chuàng)建一個(gè)<table>元素作為表格的容器,然后在其中嵌套<tr>和<td>標(biāo)簽,如下所示:
htmlCopy code<table>
<tr>
<td>單元格1</td>
<td>單元格2</td>
</tr>
<tr>
<td>單元格3</td>
<td>單元格4</td>
</tr>
</table>
4. 表格樣式: 可以使用CSS來(lái)為表格添加樣式,如設(shè)置邊框、背景顏色等。以下是一個(gè)簡(jiǎn)單的示例:
htmlCopy code<style>
table {
border-collapse: collapse;
width: 100%;
}
td {
border: 1px solid black;
padding: 8px;
text-align: center;
}
</style>
5. 示例應(yīng)用: 以下示例演示了如何使用<tr>和<td>標(biāo)簽創(chuàng)建一個(gè)包含姓名、年齡和城市的簡(jiǎn)單表格:
htmlCopy code<!DOCTYPE html>
<html>
<head>
<style>
table {
border-collapse: collapse;
width: 100%;
}
td {
border: 1px solid black;
padding: 8px;
text-align: center;
}
</style>
</head>
<body>
<table>
<tr>
<td>姓名</td>
<td>年齡</td>
<td>城市</td>
</tr>
<tr>
<td>張三</td>
<td>25</td>
<td>北京</td>
</tr>
<tr>
<td>李四</td>
<td>30</td>
<td>上海</td>
</tr>
<tr>
<td>王五</td>
<td>28</td>
<td>廣州</td>
</tr>
</table>
</body>
</html>
6. 書籍參考:
7. 總結(jié): 通過(guò)本文的介紹,我們了解了HTML中<tr>和<td>標(biāo)簽的基本用法,以及如何創(chuàng)建簡(jiǎn)單的表格和添加樣式。使用這些標(biāo)簽,我們可以輕松地創(chuàng)建具有結(jié)構(gòu)和內(nèi)容的網(wǎng)頁(yè)表格,提升頁(yè)面的可讀性和可視性。
*請(qǐng)認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。