HTML基础-武林秘籍

HTML武林秘籍

一、初识HTML

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

  W3C标准包括:

    结构化标准语言(HTMLXHTML

    表现标准语言(CSS

    行为标准(DOMJS

  在此可以将W3C标准看作一个人,人有四肢(看为结构),人要穿衣(看为表现),人要活动(看为行为)

二、HTML基本结构

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

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

 

HTML基础-武林秘籍

上一篇:【译文】纯HTML5捕获音频流和视频流


下一篇:js同步和异步和回调的理解