HTML基礎 (二)——每天幾個標籤,輕鬆學會HTML

HTML 表格

表格由 <table> 標籤來定義。每個表格均有若干行(由 <tr> 標籤定義),每行被分割為若干單元格(由 <td> 標籤定義)。

表格的HTML結構

border="1"是定義的邊框屬性,如果不加的話,表格不顯示邊框。

在瀏覽器中顯示:

表格

我們為了讓表格更清晰,更完善,可以使用thead和tbody,看以下例子:

加入表格標題,頁面和頁腳

瀏覽器中顯示:

當然還有好多表格標籤,小編給大家總結一下常用的標籤,如下:

<table> 定義表格

<caption> 定義表格標題

<th> 定義表格的表頭

<tr> 定義表格的行

Advertisements

<td> 定義表格單元

<thead> 定義表格的頁眉

<tbody> 定義表格的主體

<tfoot> 定義表格的頁腳

HTML 列表

列表是一個項目的列表,列表的內部可以使用段落、換行符、圖片、鏈接以及其他列表等。

1.無序列表

無序列表使用<ul>定義,每條列表用<li>定義。列表的每個項目用粗體圓點進行標記。

無序列表

在瀏覽器中顯示:

無序列表的每個項目使用粗體圓點(典型的小黑圓圈)進行標記

2.有序列表

有序列表使用<ol>定義,每條列表用<li>定義。列表的每個項目用數字進行標記。

有序列表

在瀏覽器中顯示:

列表每項用數字標記

Advertisements

3.定義列表

自定義列表不僅僅是一列項目,而是項目及其註釋的組合。

自定義列表用<dl>定義,每個自定義列表項以用<dt>定義,每個自定義列表項的定義用 <dd>定義。

自定義列表

在瀏覽器中顯示:

以上就是今天的內容了,學習最好的方法就是一邊看一邊做,快打開你的編輯器把今天的內容都敲一遍吧!

你必須非常努力,才能看起來毫不費力!

記得關注小白前端哦~

Advertisements

你可能會喜歡