Html常用标签

2019-05-08  本文已影响0人  心若向Yang_无畏悲伤

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>
  • <style></style>标签主要用来加载CSS样式
  • <script></script>标签主要用来加载js代码
  • <link rel="stylesheet" href="">标签主要用来引入外部css文件

4. <body> </body>文档内容部分

4.1标题

  • <h1></h1>
  • <h2></h2>
  • <h3></h3>
  • <h4></h4>
  • <h5></h5>
  • <h6></h6>

4.2段落

  • <p></p>

4.3列表

4.3.1. 无序列表

 <ol>
       <li></li>
       <li></li>
       <li></li>
       <li></li>
</ol>

4.3.2. 有序列表

 <ul>
       <li></li>
       <li></li>
       <li></li>
       <li></li>
</ul>

4.3.3. 自定义列表

   <dl>
         <dt><dd>
        </dd></dt>
        <dt><dd>
        </dd></dt>
  </dl>

4.4表格

        <table>
            <caption></caption>
            <thead>
                <tr>
                    <th></th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td></td>
                    <td></td>
                </tr>
            </tbody>
            <tfoot></tfoot>
        </table>

4.5.表单

        <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.6.字体修饰

        <b></b>
        <i></i>
        <u></u>
        <s></s>
        <strong></strong>
        <em></em>
        <pre></pre>
        <sub></sub>
        <sup></sup> 

4.7.超链接

<a href=""></a>

4.8.换行

<br>

4.9.下划线

<br>

4.10.图片

<img src="" alt="">

4.11.文本

<span></span>

5.特殊字符

  • &nbsp;空格
  • &gt;>
  • &lt;<
  • &yen;¥
  • &copy;版权
  • &reg;注册
上一篇下一篇

猜你喜欢

热点阅读