HTML知识基础
HTML
超文本标记语言(Hyper Text Markup Language):是一种用于创建网页的标准标记语言。
Hyper Text:指具有交互功能文本。
Markup Language:通过特定的“Markup”标记在浏览器中展示相应的内容。如:标题,图片,表格,段落,超链接等等。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> </body> </html>
注意:对于中文网页需要使用 <meta charset="utf-8"> 声明编码,否则会出现乱码。有些浏览器会设置 GBK 为默认编码,则你需要设置为 <meta charset="gbk">。
- <!DOCTYPE html> 声明为 HTML5 文档
- <html> 元素是 HTML 页面的根元素
- <head> 元素包含了文档的元(meta)数据(网页中的不可见部分放入这个标签,将会写入一些其他有用的内容,比如CCS和JavaScript)
- <title> 元素描述了文档的标题
- <body> 元素包含了可见的页面内容(把所有显示在网页中的内容放在这个标签)
- <h1> 元素定义一个大标题,<h1> 到<h6>,显示出来的文字依次从大到小
- <p> 元素定义一个段落
- lang="en" 定义语言格式(中文是lang="zh-cn")
网页——————>HYML文档,由浏览器解析,用来展示的。
静态网页:静态的资源。例如:xx.html
动态网页:html代码是由某种开发语言根据用户请求动态生成的。
什么是标签:
(1)是由一对尖括号包裹的单词构成,所有的标签中单词不能以数字开头。
(2)标签不区分大小写,推荐使用小写。
(3)标签分为两大部分:开始标签<a>和结束标签</a>,两个标签之间的部分,叫做标签体。
(4)有些标签功能比较简单,使用一个标签即可,这种标签叫做自闭和标签,例如:<br/>,<input/>,<img/>,<hr>
(5)标签可以嵌套,但是不能交叉嵌套。例如:<a><b></a></b>这样是错的。
什么是属性:
(1)通常是以键值对形式出现的。例如:name=“xie”
(2)属性只能出现在开始标签或自闭和标签中。
(3)属性名字全部小写(属性值必须使用双引号或单引号包裹)
(4)如果属性值和属性名完全一样,直接写属性名即可。