首页 > 其他分享> 文章详细

HTML学习笔记(01-03)

2021-11-26 22:30:29 阅读：119 来源： 互联网

标签：03 01 标签 html 标题 HTML nbsp

HTML

文章目录

HTML
前言
01：我的第一个html
02: html的基本标签
03：html的实体符号

前言

此贴为个人学习笔记，学习视频：https://www.bilibili.com/video/BV11t411K74Q?p=1，学习网站：www.w3school.com.cn

01：我的第一个html

<!--
    1.html的注释
    2.加上一下代码的第一行表示html5语法，去掉就表示html4.0
    3.html不区分大小写，语法松散不严格
-->
<!doctype html>

<!--根-->
<html>
    <!--头-->
    <head>
        <!--网页标题-->
        <title>网页的标题</title>
    </head>
    <!--体-->
    <body>
        网页的主体内容
    </body>

</html>

02: html的基本标签

<!doctype html>
<HTML>
    <head>
        <title>html的标签</title>
    </head>
    <body>
        <!--段落标记-->
        <p>....</p><p>...</p>

        <!--标题字：是html预留的格式，和Word中的标题字相同h1-h6-->
        <h1>标题字</h1>
        <h2>标题字</h2>
        <h3>标题字</h3>
        <h4>标题字</h4>
        <h5>标题字</h5>
        <h6>标题字</h6>

        <!--换行标记，br标签是一个独目标记-->
        hello 
        world！
        hello world!<br>

        <!--横线，独目标记-->
        <hr>

        <!--color和width都是hr标签的属性-->
        <hr color="red" width="50%">
        <!--语法太·松散了-->
        <hr color="green" width=50%>
        <hr color='green' width="30%">

        <!--预留格式-->
        <pre>
            acbdefg hijklmn
            opqrst uvwxyz
        </pre>

        <del>删除字</del>
        <ins>插入字</ins>
        <b>粗体字</b>
        <i>斜体字</i>

        10<sup>2</sup><!--右上角-->
        10<sub>m</sub><!--右下角-->

        <!--字体标签-->
        <font color="red" size="20">字体标签</font>

    </body>
</HTML>

03：html的实体符号

<!doctype html>
<HTML>
    <head>
        <title>html的实体符号</title>
    </head>
    <body>
        <!--实体符号特点是：以&开始，以;结束-->
        <!--&lt;是小于号  …&gt;是大于号-->
        b&lt;a&gt;c

        <br>
        <!--&nbsp是空格-->
        a b c
        <br>
        a&nbsp;b&nbsp;c
        a&nbsp;&nbsp;b&nbsp;&nbsp;&nbsp;c
    </body>
</HTML>

标签：03,01,标签,html,标题,HTML,nbsp
来源： https://blog.csdn.net/qq_42394752/article/details/121569341

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