美文网首页
【HTML】 一、HTML的语法

【HTML】 一、HTML的语法

作者: 子午禾苇 | 来源:发表于2019-02-24 20:04 被阅读0次

    HTML标记语言

    一、HTML的语法
    二、html的基本结构
    三、文档设置标记
    四、图像标记
    五、超链接的使用
    六、表格
    七、HTML框架
    八、表单设计

    一、HTML的语法

    1. 什么是HTML标记语言

    表示网页信息的符号标记语言
    特点
    a) 可以设置文本的格式,比如标题、字号、文本颜色、段落等等
    b) 可以创建列表
    c) 可以插入图像和媒体
    d) 可以建立表格
    e) 超链接,可以使用鼠标点击超链接来实现页面之间的跳转

    2. HTML的标记和他的属性

    1) HTML文档的保存格式

    • .html
    • .htm
    • .xhtml

    2) 标记和被标记的内容构建出HTML文档

    格式 <标记> 内容 </标记>

    3) 标记的属性

    • 用来控制内容(图像、文本等的)如何显示
      格式 <标记 属性1=属性值 属性2=属性值 ... ... >内容</标记>
      例如<body bgcolor="red">内容</body>
    • 以上的属性是用来控制我们的网页的背景颜色,bgcolor就是body的属性,他的值是red(红色)

    3. ❗️语法不区分字母大小写

    <HTML>、<Html>、<html>都是定义相同的标记,但是在编写网页的时候尽量使用小写

    4. 文档注释

    ❗️注释一段内容时使用“< !--”开始,以"-->"结束(使用时去掉空格)

    5. 代码格式

    空格键和回车键在网页中都不会起到任何作用,无论多少个空格键和回车键都会被替换成一个空格键,我们为了让代码清晰易读,可以使用空格和回车键进行编排。
    ⚠️:缩进时保持严格的规则,以“Tab”键进行缩进!

    6. 字符实体

    1) 什么是字符实体?

    比如我们想在网页上面显示一个“<”小于符号,但是“<”在HTML中是文档标记的开始语言, 如果我们直接使用“<”可能会出差错,所以我们就会一些实体名称来代替!

    2) 常见的字符实体⭐️

    显示结果 描述 实体名称 实体编号
    空格 &nbsp; &#160;
    < 小于号 &lt; &#60;
    > 大于号 &gt; &#62;
    & 和号 &amp; &#38;
    " 引号 &quot; &#34;
    ' 撇号 &apos;(IE不支持) &#39
    &cent; &#162;
    £ &pound &#163;
    ¥ 日圆 &yen; &#165;
    欧元 &euro; &#8364;
    § 小节 &sect; &#167;
    © 版权 &copy; &#169;
    ® 注册商标 &reg; &#174;
    商标 &trade; &#8482;
    × 乘号 &times; &#215;
    ÷ 除号 &divide; &#247;

    正常情况下,HTML会截短文本中的空格。想要在文本中添加多个空格需要采用字符实体。

    相关文章

      网友评论

          本文标题:【HTML】 一、HTML的语法

          本文链接:https://www.haomeiwen.com/subject/qrwbyqtx.html