vlambda博客
学习文章列表

HTML武林秘籍-上卷

一、初识HTML

HTML(Hyper Text Markup Language,超文本标记语言),网页中包括文字、图片、音频、视频、动画等

W3C标准包括:

结构化标准语言(HTMLXHTML

表现标准语言(CSS

行为标准(DOMJS

在此可以将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文件一层一层找目标文件的,即使上传到服务器上,也可以找到。

掌握以上内容,即可达到入门段位二级