第一个网页
Emmet插件:自动生成HTML代码片段
注释
注释为代码的阅读者提供帮助,注释不参与运行,注释可写多行
在HTML中,注释使用如下格式书写:
---html
<!--注释内容-->
---
添加或取消注释:按住电脑Ctrl加/ 进行添加或取消。
元素
其他叫法:标签、标记(可嵌套,需为小写字母)
---html
<a href="http://www.duyijiaoyu.com">渡一教育</a>
<title>Document</title>
---
整体:element (元素)
元素起始标记(begin tag)[<a>
] +结束标记(end tag)[</a>
] 注意:(单词得一样,区分大小写) +元素内容[中间部分],[中间部分可由文字(以本例:渡一教育),图片,或者其他东西构成] +元素属性[(以本例:href=“http://www.duyijiaoyu.com”)]。
属性=属性名+属性值 属性加到起始标题里
属性的分类:
-局部属性:某些元素特有的属性
-全局属性:所有元素通用属性
起始标记和结束标记的名字决定元素的名字,不同的元素有不同的功能,元素内容指在页面上显示的东西,元素属性非必须写(不止一个),只是描述元素的额外信息。
---html
<meta charset="UTF-8">
---
有些元素没有结束标记,这样的元素叫做空元素:空元素
空元素的两种写法:
1.---<mata charset="UTF-8">---
2.---<mata charset="UTF-8"/>---
/:表示结束,现在版本不需要这样写
##元素的嵌套
元素不能相互嵌套
<body>
<div>
<p></p>
</div>
</body>
上述元素书写是正确的
<body>
<div>
<p>
</div>
<p>
</body>
上述元素书写是不正确的
父元素、子元素、祖先元素、后代元素、兄弟元素(拥有同一个父元素的两个元素)
标准的文档结构
HTML:页面、HTML文档
---
<!DOCTYPE html>
---
文档声明,告诉浏览器当前文档使用的HTML标准是HTML5.
不写文档声明,将导致浏览器进入怪异渲染模式。可能自动选择标准,还可能切换标准,将正常的东西不正常,所以一定要写上
---html
<html lang="en"></html>
---
根元素,一个页面最多只能一个,并且该元素是所有其他元素的父元素或祖先元素。
HTML5版本中没有强制要求书写该元素
lang属性:language,是一个全局属性,表示该元素内部使用的文字是使用哪一种自然语言书写而成的。注:汉语 cmn-hans 英语 en
---html
<head>
</head>
---
文档头,文档头内部的内容不会显示到页面上。
---html
<meta>
---
文档的元数据:附加信息。
charset:指定网页内容编码。
计算机中,低压电( 0-2v)0,高压电(2-5v)1,表示2,使用10
计算机中,只能存储数字,文字与数字相对应,形成字典,又称字符编码表。因为编码表分很多种,不统一,所以要指定网页内容编码,告诉网页使用哪种编码表,否则会出现网页乱码。
UTF-8是Unicode编码的一个版本
---html
<title>这是俺的第一个网页</title>
---
网页标题
---html
<body>
----
----
</body>
---
文档体,页面上所有要参与显示的元素,都应该放置到文档体中。
第一个网页代码参考,文档体具体元素以后会提到.