HTML - Hyper Text Markup Language 超文本標(biāo)記語言

網(wǎng)頁的三要素:

1. Tag - 標(biāo)簽 - 承載內(nèi)容

1） 文本標(biāo)簽

<p><em>我</em>如果<strong>愛你</strong></p>
<p>絕不學(xué)<ins>攀援</ins>的凌霄花<sup>1</p>
<p>借你<del>的高枝</del>炫耀自己<sub>2</p>
<p></p>
我如果愛你<br>
絕不學(xué)癡情的鳥兒<br>
為綠蔭重復(fù)單調(diào)的歌曲<br>

2）列表標(biāo)簽

<dl>
    <!-- definition title 定義標(biāo)題 -->
    <dt>Python</dt>
    <dd>一種簡單好用的面向?qū)ο蟮慕忉屝驼Z言</dd>
    <dd>由荷蘭人吉多·范·羅蘇母在1989年發(fā)明的標(biāo)稱語言</dd>
</dl>
<h2>今天為你推薦的水果是</h2>
<!-- unordered list 無序列表-->
<ul>
    <!-- list item -->
    <li>蘋果</li>
    <li>草莓</li>
    <li>山竹</li>
</ul>
<!-- ordered list 有序列表-->
<ol>
    <!-- list item -->
    <li>蘋果</li>
    <li>草莓</li>
    <li>山竹</li>
</ol>

3) 圖片標(biāo)簽<img>

        <!-- alt 圖片加載失敗的替換文字 -->
        <!-- align 圖片位置(默認(rèn)居左顯示) -->

<figure>
        <img title="背景圖" width="200" src="images/1.jpg">
        <!-- figcaption 圖片標(biāo)題 -->
        <figcaption>圖1. 背景圖</figcaption>
</figure>
<img align="right" width="250" title="Python" src="images/python-logo@2x.png" alt="Python">

4）超鏈接標(biāo)簽<a>

a. 頁面鏈接

<a  target="_blank">百度</a>

`href` 網(wǎng)址
`target` 打開方式(默認(rèn)在當(dāng)前頁面打開,_blank在新的空白頁打開)

b. 錨點(diǎn)鏈接

<a name='top'></a>
<a href="#top">回頂部</a>

c. 功能鏈接

<a target="_blank" ><img border="0" src="http://wpa.qq.com/pa?p=2:123:53" alt="點(diǎn)擊這里給我發(fā)消息" title="點(diǎn)擊這里給我發(fā)消息"/></a>
<a href="mailto:123@126.com">聯(lián)系站長</a>

5）表格標(biāo)簽<table>

<table>
        <!-- 表格標(biāo)題 -->
        <caption>學(xué)生信息表</caption>
            <tr>
                <td width="80">學(xué)號</td>
                <td width="100">姓名</td>
                <td width="80">性別</td>
                <td width="100">生日</td>
                <td width="100">籍貫</td>
                <td width="100">語文</td>
                <td width="100">數(shù)學(xué)</td>
                <td width="100">英語</td>
            </tr>
</table>

6）表單標(biāo)簽<form>

<form action="" method="post" enctype="multipart/form-data">

action: 表單處理方法

method: 表單提交方法

enctype: 文件傳輸方式

表單信息：

7）字符實(shí)體(實(shí)體替換符)

空格： 

字符實(shí)體替換

2. CSS - 層疊樣式表 - 顯示

3. JavaScript - JS - 交互式行為