HTML常用标签

2021-01-14 19:03:13 阅读：173 来源： 互联网

<!--常见标签-->

<!--注释 ctrl+/  pycharm中输入标签名+tab键自动补全-->
<!DOCTYPE html>     <!-- 文件类型声明-->
<html lang="en">    <!--lang == language 语种 英语en-->
<head>
    <meta charset="UTF-8">   <!--指定字符编码-->
    <title>Title</title>    <!--指定网页标题-->
</head>
<body>      <!--网页内容-->
    这是一个网页
    <!--字体放大、加粗，1级到6级，字体逐渐变小-->
    <h1>1级标题</h1>
    <h2>2级标题</h2>
    <h3>3级标题</h3>
    <h4>4级标题</h4>
    <h5>5级标题</h5>
    <h6>6级标题</h6>

    <!--段落前后都有换行符-->
    <p>段落1</p>
    <p>段落2</p>

    <!--内联标签，不换行，可以对行内文本进行多重样式设置-->
    这是<span>一个</span><span>网页</span>

    <!--超链接标签，点击其内容，可跳转至指定网址，#代表本网页或翻到顶部-->
    <a href="#">回到顶部</a>
    <a href="https:\\www.baidu.com\">百度首页</a>

    <!--单标签，图片标签，用于展示图片，src属性指定图片来源，alt指定图片找不到时要显示的内容-->
    <img src="狐妖小红娘.jpg" alt="图片找不到">
    <img src="狐妖小红娘1.jpg" alt="图片找不到">

    <!--单标签，换行标签-->
    <p>白日依山尽，<br>黄河入海流。</p>

    <!--字体格式标签-->
    <b>加粗</b>
    <strong>加粗</strong>
    <i>倾斜</i>
    <em>倾斜</em>
    <sub>上标</sub>
    <sup>下标</sup>
    <big>变大</big>
    <small>变小</small>
    <ins>插入或加下划线</ins>
    <del>删除线</del>

    <!--列表 type属性设置序号样式-->
    <!--无序列表，type默认dics实心圆，circle空心圆，square黑心方块-->
    <ul type="square">
        <li>水滴石穿</li>
        <li>一日千里</li>
        <li>聚流成河</li>
    </ul>
    <!--有序列表, type=1,A,a,I,i-->
    <ol type="i">
        <li>第一点</li>
        <li>第二点</li>
        <li>第三点</li>
    </ol>
    <!--表格-->   <!--border绘制边框线， cellspace设置单元格间距-->
    <table border="1px" cellspacing="0">
        <tr>    <!--行-->
            <th width="50px" height="40px">姓名</th>  <!--列标题，可设置宽和高及对其方式，标题默认中心对其-->
            <th>年龄</th>
            <th>性别</th>
        </tr>
        <tr>
            <td align="center">王伟</td>
            <td align="center">42</td>
            <td align="center">男</td>
        </tr>
    </table>
</body>
</html>

标签：段落,常用,网页,标签,入海流,标题,HTML,加粗,倾斜
来源： https://www.cnblogs.com/52note/p/14278827.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

HTML常用标签