Html常用标签

 
#### 1. html文档声明
`<?DOCTYPE html>`
#### 2. html文档整体架构
```
<?DOCTYPE html>
<html>
    <head>
    </head>
    <body>
    </body>
</html>
```
#### 3.<head></head>部分
```
    <head>
        <meta charset="utf-8">
        <style></style>
        <script></script>
        <link rel="stylesheet" href="">
        <title></title>
    </head>
```
#### 4.<body></body>部分
##### 4.1.标题
```
        <h1></h1>
        <h2></h2>
        <h3></h3>
        <h4></h4>
        <h5></h5>
        <h6></h6>
```
##### 4.2.列表
###### 4.2.1.无序列表
```
      <ol>
            <li></li>
            <li></li>
            <li></li>
 
 

1. html文档声明

<?DOCTYPE html>

2. html文档整体架构

<?DOCTYPE html>
<html>
    <head>
    </head>

    <body>
    </body>
</html>

3.<head></head>部分

    <head>
        <meta charset="utf-8">
        <style></style>
        <script></script>
        <link rel="stylesheet" href="">
        <title></title>
    </head>

4.<body></body>部分

4.1.标题
        <h1></h1>
        <h2></h2>
        <h3></h3>
        <h4></h4>
        <h5></h5>
        <h6></h6>
4.2.列表
4.2.1.无序列表
      <ol>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
    </ol>  
4.2.1.有序列表
      <u l>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
    </ ul>  
4.2.1.自定义列表
   <dl>
         <dt><dd>
        </dd></dt>
        <dt><dd>
        </dd></dt>
  </dl>
4.3.表格
    <form action="">
            <input type="text">
            <input type="password">
            <input type="date">
            <input type="radio">
            <input type="checkbox">
            <input type="email">

            <select name="" id="">
                <option value=""></option>
            </select>

            <input type="file">
            <textarea name="" id="" cols="30" rows="10"></textarea>

            <input type="submit">
            <input type="reset">
            <input type="button">
    </form>
4.4.常用标签
        <p>     
        <div>
        <br>
        
        <hr>
        <img src="" alt="">
        <a href=""></a>
        <span></span>
4.5.字体修饰
        <b></b>
        <i></i>
        <u></u>
        <s></s>
        <strong></strong>
        <em></em>
        <pre></pre>
        <sub></sub>
        <sup></sup>
4.6.特殊字符

* &nbsp; 空格
* &gt;>
* &lt;<
* &yen;¥
* &copy;版权
* &reg;注册

5.注释

<!-- 内容 -->

posted @ 2019-05-08 22:15  笑得好美  阅读(307)  评论(0编辑  收藏  举报