(1)html基础

1.html5基本格式

<!DOCTYPE html>
<html>

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

<body>
    content
</body>

</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>

3.html 段落<p> 

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

4.html 链接

http协议的表头要加上

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

默认有下划线

5.图片

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

6.文本格式化标签

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

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

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

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

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

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

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

.删除线 <del></del>

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

7.计算机输出标签

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

原样输出不忽略回车

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

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>

10.列表

 无序列表

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

有序列表

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

 

原文地址:https://www.cnblogs.com/buchizaodian/p/7057874.html