HTML學習筆記06

標籤：style   blog   java   color   http   width   

一、HTML列表

1、無序列表

無序列表是一個項目的列表，始於<ul>標籤，每個清單項目始於<li>，如：

1	<!--無序列表-->
2	<ul>
3	<li>HTML</li>
4	<li>CSS</li>
5	<li>JavaScript</li>
6	</ul>

 

顯示效果：

2、有序列表

有序列表也是一列項目，清單項目使用數字進行標記，有序列表始於 <ol> 標籤。每個清單項目始於 <li> 標籤。

1	<!—有序列表-->
2	<ol>
3	<li>HTML</li>
4	<li>CSS</li>
5	<li>JavaScript</li>
6	</ol>

 

顯示效果：

3、定義列表

自訂欄表以 <dl> 標籤開始，每個自訂欄表項以 <dt> 開始，每個自訂欄表項的定義以 <dd> 開始。

1	<!--自訂欄表-->
2	<dl>
3	<dt>北京</dt>
4	<dd>海澱區</dd>
5	<dd>西城區</dd>
6	<dt>上海</dt>
7	<dd>徐匯區</dd>
8	<dd>普陀區</dd>
9	</dl>

 

顯示效果：

二、HTML塊

1、HTML塊元素

大多數 HTML 元素被定義為區塊層級元素或內嵌元素。區塊層級元素在瀏覽器顯示時，通常會以新行來開始（和結束）。

例子：<h1>, <p>, <ul>, <table>。

2、HTML內嵌元素

內嵌元素在顯示時通常不會以新行開始。

例子：<b>, <td>, <a>, <img>。

3、HTML<div>元素

HTML <div> 元素是區塊層級元素，它是可用於組合其他 HTML 元素的容器，沒有特定的含義。

<div>主要有兩個作用：一是與CSS一同使用對大塊內容設定樣式屬性；二是進行HTML文檔布局。

4、HTML<span>元素

HTML <span> 元素是內嵌元素，可用作文本的容器，它也沒有特定的含義。

<span>主要作用是與CSS一同使用，對部分文本設定樣式屬性。