码迷,mamicode.com
首页 > Web开发 > 详细

HTML语法

时间:2019-08-01 14:25:42      阅读:606      评论:0      收藏:0      [点我收藏+]

标签:颜色   table   空格   内容   插入   copyright   编写   链接   --   

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; &#160;
< 小于号 &lt; &#60;
 >  大于号  &gt;  &#62;
 &    和号  &amp;  &#38;
 "  引号  &quot;  &#34;
 ‘  撇号   &apos; (IE不支持)  &#39;
 ¢  分(cent)  &cent;  &#162;
 £  镑(pound)  &pound;  &#163;
 ¥  元(yen)  &yen;  &#165;
 €  欧元(euro)  &euro;  &#8364;
 §  小节  &sect;  &#167;
 ©  版权(copyright)  &copy;  &#169;
 ®  注册商标  &reg;  &#174;
 ™  商标  &trade;  &#8482;
 ×  乘号  &times;  &#215;
 ÷  除号  &divide;  &#247;

HTML语法

标签:颜色   table   空格   内容   插入   copyright   编写   链接   --   

原文地址:https://www.cnblogs.com/muzidaitou/p/11281403.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!