HTML5教程

HTML学习笔记(01-03)

本文主要是介绍HTML学习笔记(01-03),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

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>

这篇关于HTML学习笔记(01-03)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!