HTML标记语言1

时间：2022-07-19 22:07:08

一   HTML的语法

1.1   什么是html标记语言

  表示网页信息的符号标记语言

1.1.1   特点

   可以设置文本的格式，比如标题,字号,文本颜色,段落等等

   可以创建列表

   可以插入图像和媒体

   可以建立表格

   超链接，可以使用鼠标点击超链接来实现页面之间的跳转

1.2   html的标记和它的属性

1.2.1   html文档的保存格式

   .html

   .htm

   .xhtml

1.2.2   标记和别标记的内容构建出html文档

1.2.2.1   格式

   <标记>

   内容

   </标记>

1.2.3   标记的属性

1.2.3.1   标记的属性

   就是用来控制我们的内容（图像、文本等）如何的显示

1.2.3.2   格式

   <标记   属性1=属性值   属性2=属性值...   ...>

   内容 

  </标记>

   例如<body bgcolor="red">内容</body>

   以上的属性是用来控制我们的网页的背景颜色，bgcolor就是body的属性，它的值是red（红色）

1.3   语法不区分字母大小写

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

1.4   文档注释

   注释一段内容时使用"<!--"开始，以"-->"结束

   例如<!--山有木兮木有枝，心悦君兮知不知-->

1.5   代码格式

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

   注意：缩进时保持严格的规则，以“Tab”键进行缩进

1.6   字符实体

1.6.1   什么是字符实体

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

1.6.2   常见的字符实体

   显示结果   描述   实体名称   实体编号

                   空格   &nbsp     &#160  

   <              小于号   &lt         &#60

   >              大于号   &gt          &#62

   &              和号      &amp         &#38

   "               引号      &quot         &#34

   '                撇号       &apos(IE不支持)       &#39         

  ￥               日圆       &yen           &#165

   ×              乘号        &times          &#215

   ÷               除号       &divide          &#247

                   欧元        &euro           &#8364

                 注册商标       &reg        &#174

                 版权        &copy           &#169

   ￡              镑          &pound           &#163

   ￠              分           &cent          &#162

   §                小节        &sect            &#167

                  商标        &trade             &#8482

二   HTML的基本结构

2.1   <html>内容</html>

2.1.1   解释

   HTML文档的文档标记，也称为HTML开始标记

2.1.2   功能

   这对标记分别位于网页的最前端和最后端

   <html>在最前端表示网页的开始

   </html>在最后端表示网页的结束

2.2   <head>内容</head>

2.2.1   解释

   HTML文件头标记，也称为HTML头信息开始标记

2.2.2   功能

   用来包含文件的基本信息，比如网页的标题，关键字，在<head></head>内可以放<title></title>.<meta></meta>.<style></style>等等标记

2.2.3   注意

   在<head></head>标记内的内容不会在浏览器中显示

2.3   <title>内容</title>

2.3.1   解释

   HTML文件标题标记

2.3.2   功能

   网页的“主题”，显示在浏览器的窗口的左上方

2.3.3   注意

   网页的标题不能太长，要短小精悍，能具体反应页面的内容，<title></title>标记中不能包含其他标记

2.4   <body>内容</body>

2.4.1   解释

   HTML文档的主体标记

2.4.2   功能

   <body>...</body>是网页的主体部分，在此标记之间可以包含如<p></p>、<h1></h1>、<br></br>、<hr></hr>等等标记，正是由这些内容组成了我们所看见的网页

2.4.3   body标记的常见属性

2.4.3.1   bgcolor   设置背景颜色

   <body bgcolor="red"></body>

2.4.3.2   text   设置文本颜色

   <body text="green"></body>

2.4.3.3   link   设置链接颜色

   <body link="blue"></body>

2.4.3.4   vlink   已经访问了的链接颜色

   <body vlink="yellow"></body>

2.4.3.5    alink   正在被点击的链接颜色

   <body alink="red"></body>

2.5   <meta>内容</meta>

2.5.1   解释

   页面的元信息（meta-information）

2.5.2   功能

   提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词

2.5.3   必需的属性

 2.5.3.1   content

   值：some_text     

   定义与http-equiv或name属性相关的元信息

2.5.4   常见的属性

2.5.4.1   常用的name属性

                               

   author

   keywords                                         把content属性关联到一个名称，比如描绘出网页的关键词：

   description                              比如描绘出网页的关键词：<meta name="keywords" 

   others                                 content="执子之手，与子偕老"

                                  

2.5.5   注意meta标记必须放在head元素里面

标签：

相关文章