《网页设计与制作》学习进度

一、HTML5网页基本结构:
1、HTML5文档基本格式:HTML5文档的基本格式主要包括<!DOCTYPE>文档类型声明、<html>根标记、<head>头部标记、<body>主体标记

2、HTML5语法:

(1)标签不区分大小写

HTML5采用宽松的语法格式,标签可以不区分大小写,这是HTML5语法变化的重要体现。例如:<p>这里的p标签大小写不一致</P>

(2)允许属性值不使用引号

(3)允许部分属性值的属性省略

3、HTML标记及标记属性

HTML标记:在HTML页面中,带有“ < > ”符号的元素被称为HTML标记,<html>、<head>、<body>都是HTML标记,将HTML标记分为三大类,分别是“双标记”、“单标记”、“注释标记”

标记属性:其基本语法格式如下:

<标记名 属性1="属性值1" 属性2="属性值2" …> 内容</标记名>

<h1 align="center" >标题文本<h1>

(其中align为属性名,center为属性值,表示标题文本居中对齐,对于标题标记还可以设置文本左对齐或右对齐,对应的属性值分别为left和right。如果省略align属性,标题文本则按默认值左对齐显示)

4、HTML5文档头部相关标记:在<head>标记内

 

二、HTML5的常用基本标记:

1、文本控制标记:(1)标题和段落标记

                               (2)文本格式化标记

                               (3)特殊字符标记

2、图像标记:(1)常用图像标记

                        (2)图像标记<img/>

                        (3)绝对路径和相对路径

3、链接标记:(1)创建超链接

                        (2)锚点链接

 

三、HTML5页面元素:(1)列表元素

                                     (2)结构元素

                                     (3)分组元素

                                     (4)页面交互元素

 

四、CSS基本选择器

1、CSS样式规则:

具体格式如下:选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}

具体规则如下:

 CSS样式中的选择器严格区分大小写,属性和值不区分大小写,按照书写 习惯一般将“选择器、属性和值”都采用小写的方式;

 多个属性之间必须用英文状态下的分号隔开,最后一个属性后的分号可 以省略,但是,为了便于增加新样式最好保留;

 如果属性的值由多个单词组成且中间包含空格,则必须为这个属性值加 上英文状态下的引号;

 在编写CSS代码时,为了提高代码的可读性,通常会加上CSS注释

2、标记选择器

3、类选择器

4、id选择器

 

五、CSS复合选择器

1、交集选择器

2、合集选择器

3、后代选择器

 

六、CSS3高级

选择器:(1)CSS3属性选择器

               (2)关系选择器

               (3)伪类及伪元素选择器

属性:(1)CSS3的变形属性

           (2)CSS3的过渡属性

 

上一篇:当动态桌面遇上 HTML5


下一篇:HTML5定位