楔子：
博主的就業方向是JAVA后端開發嘛，雖然是后端，但是對于一些前端的知識還是要掌握的，所以博主接下來的一段時間要淺學一下 HTMl，CSS，JavaScript，但小生心系后端，所以筆記的話可能會記得"粗糙"一些（手動狗頭），
1、HTML基本標簽：
代碼：
<!--加上以下標志代表HTML5的語法，沒有標志就代表是HTML4的語法-->
<!DOCTYPE html>
<!--根-->
<html>
<head>
<!--網頁標題,顯示在網頁左上角-->
<title>HTML的基本標簽</title>
</head>
<!--網頁的主體內容-->
<body>
<!--段落標簽-->
<p>
待到秋來九月八，我花開后百花殺，
沖天香陣透長安，滿城盡帶黃金甲，
</p>
<!--六個不同尺碼的標題字-->
<h1>標題字</h1>
<h2>標題字</h2>
<h3>標題字</h3>
<h4>標題字</h4>
<h5>標題字</h5>
<h6>標題字</h6>
<!--換行標記-->
第一行
<br />
第二行
<br />
<!--橫線標記-->
<hr />
<!--還可以設定顏色，長度，50%代表著橫線始終占頁面的寬度的50%-->
<hr color="green" />
<!--保留文本格式-->
<pre>
*
***
*****
</pre>
<del>洗掉字</del>
<ins>插入字</ins>
<b>粗體字</b>
<i>斜體字</i>
10<sup>右上角標簽</sup>
10<sub>右下角標簽</sub>
<font color="red" size="50">字體標簽</font>
</body>
</html>
代碼效果（火狐瀏覽器）：
2、HTMl物體符號：
物體符號有很多，java后端開發常用的基本只有以下三個（空格/小于號/大于號）
3、表格：
代碼：
<!DOCTYPE html>
<html>
<head>
<title>表格</title>
</head>
<body>
<!--
表格尺寸：
表格邊框為1像素，寬度為頁面的50%，高度為150像素
-->
<!--此處的 align="center" 會使整個表格居中-->
<table align="center" border="1px" height="150px">
<!--使第此行的每一列的內容居中-->
<tr align="center">
<td>1.1</td>
<td>1.2</td>
<td>1.3</td>
</tr>
<tr>
<td>2.1</td>
<!--使第此行的每二列的內容居中-->
<td align="center">2.2</td>
<td>2.3</td>
</tr>
<tr>
<td>3.1</td>
<td>3.2</td>
<td>3.3</td>
</tr>
</table>
<br /><br /><br />
<!--單元格合并問題-->
<!--將6與9對應的單元格合并，再將7，8對應的單元格合并-->
<table border="1px" height="25%" >
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td rowspan="2">合并格內容</td> <!--原來的6單元格對應的代碼-->
</tr>
<tr>
<!--原來的7單元格對應的代碼-->
<!--
col合并的時候，洗掉哪個單元格沒有要求
將7對應的單元格洗掉（注釋掉）： <td>7</td>
-->
<td colspan="2">合并格內容</td> <!--原來的8單元格對應的代碼-->
<!--原來的9單元格對應的代碼-->
<!--
row合并的時候，洗掉下面的單元格
將9對應的單元格洗掉（注釋掉）： <td>9</td>
-->
</tr>
</table>
<br /><br /><br />
<!--th標簽-->
<table border="1px" height="150px">
<tr >
<!--th標簽也是單元格標簽，比td多的是居中加粗-->
<th>員工編號</th>
<th>員工薪資</th>
<th>部門名稱</th>
</tr>
<tr>
<td>2.1</td>
<td >2.2</td>
<td>2.3</td>
</tr>
<tr>
<td>3.1</td>
<td>3.2</td>
<td>3.3</td>
</tr>
</table>
<br /><br /><br />
<!--thead,tbody,tfoot 在table中不是必須的，只是這樣做便于后期JS代碼的撰寫,但在瀏覽器的展示效果上是沒有任何影響的-->
<table border="1px" height="150px">
<thead\>
<tr >
<th>員工編號</th>
<th>員工薪資</th>
<th>部門名稱</th>
</tr>
</thead>
<tbody>
<tr>
<td>2.1</td>
<td >2.2</td>
<td>2.3</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>3.1</td>
<td>3.2</td>
<td>3.3</td>
</tr>
</tfoot>
</table>
</body>
</html>
代碼效果（火狐瀏覽器）：
隨筆：
HTML語法松散，不嚴格，如代碼不區分大小寫等，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/413093.html
標籤：其他
下一篇：call、apply、bind