第二章:HTML5基础
一.预习笔记
1.Html5文档的基本结构
1)文档类型声明<!doctype>
位于文档的最前面,用于向浏览器说明当前文档使用哪种HTML标准规划。
2)根标记<html>
<html>标记标志着Html文档的开始,</html>标记标志着Html文档的结束。它们中间的就是文档的头部和主体类容
3)头部标记<header>
<header>标记用于定义Html文档的头部信息,也称为头部标记,<header>标记紧跟在<html>之后,主要用来封装其它位于文档头部的标记例如<title>、<meta>、<link>、<style>等,一个Html文档只能有一对<header>标记
4)主体标记<body>
<body>标记用于定义Html文档要显示的内容,也称为主题标记,浏览器中显示的所有文本、图像、音频和视频等信息都必须位于<body>标记内。一个Html文档只能含有一对<body>标记,且<body>标记必须在<html>标记内,位于<head>标记后,跟<head>是并列关系
2.Html标记及其属性
1)标记
在html文档中,带有<>符号的元素称为Html标记。Html文案由标记和标记的内容组成,标记可以产生所需的各种效果。标记的格式如下:
<标记>受标记影响的内容</标记>
例如:<h1>这个是标题标记</h1>
标记的规则如下:
(1)标记以<开始,以>结束
(2)标记一般由开始标记和结束标记组成,结束标记前有/符号,这样的标记称为双标记
(3)少数标记只有开始标记,没有结束标记,这样的标记称为单标记,如</hr>,在Html5中,单标记可以省略后面的/,写成<hr>
(4)标记不区分大小写,但是一般用小写
(5)可以同时使用多个标记共同作用于网页中的内容,各标记之间的顺序任意。
2)标记的属性
许多标记还包括一些属性,以便对标记作用的内容进行更详细的控制。标记也可以通过不同的属性展现各种效果。属性在标记中的使用格式如下:
<标记 属性1=“属性值1” 属性2=“属性值2” ……>受标记影响的内容</标记>
例如<a href=“http://www.baidu.com”>百度</a>
标记属性的规则如下:
(1)所有属性必须包含在开始标记里,不同属性间用空格隔开。有的标记无属性
(2)属性值用双引号引起来,放置相应的属性之后,用=分隔,属性值不设置时采用其默认值
(3)属性之间的顺序任意
2)标记的注释
<!-- 注释文字 -->
3.特殊字符
1)一个英文字符的空格: ;
2)大于号>:>;
3)小于号<:<;
4)版权符号©:©;
5)注册商标®:®;
6)人民币符号¥:¥;
4.常用的Html标记
1)文本标记
网页中控制文本的标记有标题标记h1-h6,段落标记p,水平线标记hr,换行标记br,字体样式标记strong,em,del,ins,特殊字符等
2)列表标记
无序列表,有序列表,自定义列表
3)超链接标记
4)图像标记
二.课堂笔记
三.课后回顾
–仰望星空,脚踏实地;以梦为马,不负韶华