HTML武林秘籍-上卷
一、初识HTML
HTML(Hyper Text Markup Language,超文本标记语言),网页中包括文字、图片、音频、视频、动画等
W3C标准包括:
结构化标准语言(HTML、XHTML)
表现标准语言(CSS)
行为标准(DOM、JS)
在此可以将W3C标准看作一个人,人有四肢(看为结构),人要穿衣(看为表现),人要活动(看为行为)
二、HTML基本结构
<!DOCTYPE>
向浏览器说明当前文档使用哪种标准规范。
<html></html>
也称为“根标签”,用于告知浏览器自身是一个HTML文档。
<head></head>
也称为“头部标签”,用来封装其他位于文档头部的标签,例如<link/>标签等。
<title></title>
用于设置网页的标题。
<meta/>
用于设置网页的原信息
<link/>
用于引入文档外部文件,例如.css、.js等文件
<body></body>
也称为主体标签,需要显示的所有标签都必须位于<body>标签中。
掌握以上内容,即可达到入门段位一级
三、HTML标签、属性
HTML页面中带有”<>”统称为标签,标签分为两大类
双标签:
<标签名>内容</标签名><标签名>表示该标签的开始,称为起始标签,</标签名>表示标签的结束,称为结束标签。
单标签:
<标签名/>特点:一个标签即可完成某个功能,例如<img/>标签,一个标签即可引入图片
注释标签:
<!--注释内容-->特点:注释内容不会显示在网页的页面中,可以理解成,注释标签是为开发人员提供的。
标签的属性
大多时候标签的默认样式不能满足项目的要求,我们就需要使用标签的属性,来去设置标签的样式。
标签可以拥有多个属性,属性必须写在开始标签中,属性之间使用空格进行分开。写法:
<标签名 属性名1=”属性值1” 属性名2=”属性值2”>内容</标签名>
四、相对路径和绝对路径
绝对路径是指带有盘符的路径或者完整的网址,盘符是指C盘、D盘等。
写法:D:\HTML5+CSS3\images\logo.gif或者http://www.itcast.cn/images/logo.gif
注意:网页中不推荐使用绝对路径,因为网页做完后要上传到服务器上,你的文件可能在服务器的C盘或者其他盘,如果跟你写的路径不一样就找不到文件了。
相对路径:相对路径不带盘符,以HTML文件为起点,通过层级关系找到目标文件的位置。应用场景:a标签、link标签、img标签等。
目标文件指想要引入的文件
../:上一级目录(文件夹)
./:当前目录(文件夹)可以省略
注意:使用相对路径可以解决绝对路径的缺点,因为相对路径是通过HTML文件一层一层找目标文件的,即使上传到服务器上,也可以找到。
掌握以上内容,即可达到入门段位二级