HTML是什么?
HTML(Hyper Text Markup Language)是用来描述网页的一种语言,也叫超文本标记语言 。
查看网页的HTML代码
推荐用谷歌浏览器(Chrome)或火狐浏览器(Firefox)二者之一
方法一:快捷方式是ctrl+shift+i
方法二:网页任何地方右击“审查元素”
HTML的层级
HTML源代码中有一些小三角形,每一个三角形都可以展开或合上。尖角向下代表展开,向右代表合上了,这就是HTML的层级关系。
HTML的组成
标签和元素
标签:
在HTML文档中,夹在尖括号<>中间的字母,就叫“标签”。
1、 标签通常是成对出现的:前面的是【开始标签】,比如
2、 偶尔也会有单独出现的,比如:(定义网页编码格式为 utf-8)
元素:
开始标签+结束标签+中间的所有内容,它们在一起就组成了“元素”
网页头和网页体
HTML文档的最外层标签一定是,里面嵌套着
元素与元素。元素代表了【网页头】,元素代表了【网页体】,这是最基本的网页结构。【网页头】
网页头的内容不会被直接呈现在浏览器里的网页正文中。
具体包含内容及解释如下:
#定义了HTML文档的字符编码
【网页体】
就是那些能看到的显示在网页中的内容
属性
注意:HTML的属性和Python中的属性不是一个东西,不要搞混。
HTML标签可以通过设置【属性】来为HTML元素描述更多的信息。比如增加颜色,链接等。
style属性
用途:
可以用来定义网页文本的样式,比如字体大小、颜色、间距、对齐方式等等。
写法是:
这个书苑不太冷
href属性
用途:
可以用来添加链接。
在HTML中,链接一般都由标签定义,href属性用于规定指向页面的URL。
写法是:
我是一个链接,点我试试
Class属性
用途:
查找、定位元素,或者为元素设置样式
写法是:
出现在网页头里的下述内容:
与出现在网页体里的:
二者一个是网页头里的.book;一个是网页体里的
。其实.对应class,所以.book代表class book。因此,网页头中的.book和网页体中的class="book"是有联系的。
在网页头里面,定义了class属性,属性值为"book",然后下面一长串代码是对这个class属性的描述;接着再在网页体中调用,所以看到了
在网页头里面,定义了class属性,属性值为"book",然后下面一长串代码是对这个class属性的描述;接着再在网页体中调用,所以看到了
。网页头的