HTML语法

1.什么是HTML标记语言

  表示网页信息的符号标记语言,特点如下:

  • 可以设置文本的格式,比如标题、字号、文本颜色、段落等等
  • 可以创建列表
  • 可以插入图像和媒体
  • 可以建立表格
  • 超链接,可以使用鼠标点击超链接来实现页面之间的跳转

 

2.HTML的标记和他的属性

  1)HTML文档的保存格式:

      • .html
      • .htm
      • .xhtml

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

      格式如下: 

<标记>
内容
</标记>

  3)标记的属性

      标记的属性就是用来控制我们的内容(图像,文本)如何的显示

      格式如下:

(例如<body bgcolor=”red”>内容</body>是用来控制我们网页的背景颜色,bgcolor就是body的属性,他的值是red)

<标记 属性1=属性值 属性2=属性值 ... ...>
内容
</标记>

  


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

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


 

4.文档注释

注释一段内容时使用”<!–“开始,以“–>”结束,举例

<html>
    <body>
    Lee Fan
    <!--My name is Lee Fan!-->
    </body>
</html>

 

5.代码格式

  空格键和回车键在网页中都不会起到任何作用,为了让代码清晰易读,可以使用空格和回车键进行编排。

  注意:缩进时保持严格的规则,以“Tab”键进行缩进!


 

6.字符实体

  1)什么是字符实体?

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

  2)常见的字符实体(详细可见https://www.w3school.com.cn/html/html_entities.asp

显示结果  描述  实体名称 实体编号
  空格 &nbsp;  
< 小于号 &lt; <
 >  大于号  &gt;  >
 &    和号  &amp;  &
 “  引号  &quot;  "
 ‘  撇号   &apos; (IE不支持)  '
 ¢  分(cent)  &cent;  ¢
 £  镑(pound)  &pound;  £
 ¥  元(yen)  &yen;  ¥
 €  欧元(euro)  &euro;  €
 §  小节  &sect;  §
 ©  版权(copyright)  &copy;  ©
 ®  注册商标  &reg;  ®
 ™  商标  &trade;  ™
 ×  乘号  &times;  ×
 ÷  除号  &divide;  ÷