1. 程式人生 > >HTML標籤(一)

HTML標籤(一)

超連結分類:

1.頁面之間的連結

跳到某個頁面


2.錨鏈接

跳到頁面的某個位置

(1)定義錨點

<a name="錨點名"></a>

例如:

<a name="top"></a>


(2)跳到某個錨點

跳到當前頁面的某個位置
<a href="#top">回到頂部</a>


跳到a.html中的某個位置
<a href="a.html#top">回到頂部</a>

 

3.功能性連結


給作者寫信

<a href="mailto:[email protected]">給作者寫信</a>


*********************特殊符號**********************************

空格 &nbsp;

< &lt; less than

> &gt; greater than

引號 &quot;

版權符號 &copy; copyright


需求: 編寫學習html的網站

<hr/>標籤的含義是畫一個分隔符


*********************學習前端的推薦網站**********************************

http://www.w3school.com.cn/


*****************************列表***************************************

1.有序列表

<h2>前端技術有哪些?</h2>
<ol type="i" start="2">
<li>HTML</li>
<li>CSS+DIV</li>
<li>JavaScript</li>
</ol>

ol order list 有序列表

li list item 列表項

常用屬性:

(1)type 列表符號的種類

1 是使用數字

a或A 使用英文

i或I 使用羅馬數字

(2)start 從幾開始 預設從1開始

2.無序列表

<h2>後端技術有哪些?</h2>
<ul>
<li>JSP</li>
<li>JavaBean</li>
<li>Servlet</li>
<li>JDBC</li>
</ul>


ul unorder list


3.定義列表


<dl>


</dl>


dl definition list 定義列表

dt definition title 定義標題

dd definition description 定義描述


一個dt後面可以跟著多個dd


演示程式碼:

<dl>
<dt>HTML</dt>
<dd>超文字標記語言</dd>
<dd>它是製作 靜態頁面 的一種標記語言</dd>

<dt>CSS</dt>
<dd>層疊樣式表Cascading Style Sheet</dd>
<dd>它是用來美化頁面的一種語言</dd>
</dl>


***********************使用無序列表實現選單雛形***********************

原理:

1. li 裡面再套一個ul

2. 或 li 後面跟著一個ul


********************************marquee標籤******************************

<!-- 放在marquee中的文字或圖片可以移動、預設從右向左移 -->
<marquee direction="right" scrollAmount="3">我是一條公告</marquee>常用屬性
scrollAmount它表示速度,值越大速度越快。如果沒有它,預設為6,建議設為1~3比較好。

http://www.cnblogs.com/mountain-mist/articles/975781.html