1.html5基本格式

 

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>title</title>
</head>

<body>
    content
</body>

</html>

 

(1)html基础_下划线

 

2.  html标题 h1-h6 

 

<body>
    <h1>这是h1标题</h1>
    <h2>这是h2标题</h2>
    <h3>这是h3标题</h3>
    <h4>这是h4标题</h4>
    <h5>这是h5标题</h5>
    <h6>这是h6标题</h6>
</body>

 

(1)html基础_百度_02

 

3.html 段落<p> 

 

<body>
    <p>这是一个段落。</p>
    <p>这是一个段落。</p>
</body>

 

(1)html基础_h5_03

4.html 链接

http协议的表头要加上

<body>
   <a href='http://www.baidu.com'> 百度网址</a>
</body>

 

默认有下划线

(1)html基础_百度_04

 

5.图片

 

<body>
   <img src="./image/1.jpg" width="300"  height="300" />
</body>

 

 

6.文本格式化标签

用来改变文本上下标、斜体、粗体、删除字等

.加粗标签<b></b>

<body>
    <p>大风起兮云飞扬</p>
    <b>大风起兮云飞扬</b>
</body>

(1)html基础_下划线_05

 

.斜体标签<i></i>

<body>
    <p>大风起兮云飞扬</p>
    <i>大风起兮云飞扬</i>
</body>

(1)html基础_删除线_06

 

.上标 <sup></sup>  和 下标<sub></sub>

<body>
    <p>上标sup：  3<sup>2</sup></p>
    <p>下标sub：  3<sub>2</sub></p>
</body>

(1)html基础_h5_07

 

.删除线 <del></del>

<body>
    <del>今天吃了15碗米饭</del>
</body>

(1)html基础_百度_08

 

7.计算机输出标签

 

.预定义标签 <pre></pre>

原样输出不忽略回车

<body>
    <p>今天吃了：
        15碗米饭</p>
    <pre>今天吃了：
        15碗米饭</pre>
</body>

 

(1)html基础_h5_09

 

 

8.注释

<!-- 在此处写注释 -->

 

9.表格

<body>
    <table border="1">
        <tr>
            <td>第1行, 第1列</td>
            <td>第1行, 第2列</td>
        </tr>
        <tr>
            <td>第2行, 第1列</td>
            <td>第2行, 第2列</td>
        </tr>
    </table>
</body>

 

(1)html基础_h5_10

 

10.列表

 无序列表

<body>
    <ul>
        <li>苹果</li>
        <li>水蜜桃</li>
        <li>大鸭梨</li>
    </ul>
</body>

(1)html基础_百度_11

 

有序列表

<body>
    <ol>
        <li>苹果</li>
        <li>水蜜桃</li>
        <li>大鸭梨</li>
    </ol>
</body>

 (1)html基础_下划线_12