学习HTML5总结(一)

目录

Web的构成

一、HTML——结构

1、 html基本的骨架和解释                 

2、标签

1、标签

2、属性

3、标签的分类

4、实体字符

5、列表

6、超链接

7、文件的路径

3、选择器

1、基础选择器

2、复合选择器

3、关系选择器

4、属性选择器

5、伪类选择器

6、伪元素选择器

3、html中的单位        

​ 1、 长度单位

​ 2、 比例单位

​ 3、 颜色单位

4、CSS三大特征

二、CSS——表现

 三、Java Script——行为

总结


Web的构成

一、HTML——结构

1、 html基本的骨架和解释                 









    
    

    
    


    
    

    
    Document



    

2、标签

1、标签

        标签(标记):就是由w3c提前制定好的一些针对于html文档的标记符号,这些符号是具备各自的含义的,具体在html中的变现形式 由 < > 括起来的对象 比如: html head body

注意:

  1. 标签通常是成对出现的,但也有极少部分只有开始标签,没有结束标签  称作 单标签或者空标签 比如:meta
  2.  一个标签完整组成部分是分为3个部分  <开始标签>内容部分
  3. 标签是允许嵌套的,但是要符合嵌套的标准
  4.  每一个标签都具备其对应含义   

2、属性

属性是额外的对标签进行描述的信息

        属性的格式:

​                 通常格式是: key=value 键值对的形式

​                 少部分情况下格式: 只有key没有value值 它的值是逻辑值 true 或者 false

​                 一个标签是可以拥有多个属性的, 多个属性之间通过空格分隔

​                 属性是写在开始标签的<>中

​                 属性可以分成两大类:

​                 全局属性:任何元素都具备的属性,叫做全局属性

​                 常见的全局属性: id class style hidden

​                 局部属性(特定属性):只能某一些元素能够使用

3、标签的分类

按是否成对出现分为单标签(空标签)、双标签

单标签:标签单个出现的。如标签:负责定义图像,
标签:换行,


:水平线标签
:引用,

标签成对出现的,叫做双标签,。双标签中的第一个标签是开始标签,第二个标签是结束标签。
大多数标签都是成对出现的。

按是否独占一行分为块元素、行内元素、行内块元素

标签我们通常又称元素,下面是三种元素的特点

块元素(block element):

​ 特点:

​         1.块元素具有布局特点,一般常用页面的整体布局

​         2.块元素独占(其父元素)页面的一行

​         3.块元素可以嵌套任何类型的元素(除p元素以外,p元素中不能嵌套任何的块元素)

​         4.块元素可以设置宽,高 默认的宽度是其父元素的宽度

​         5.块元素默认高度是由内容决定的

行内元素(inline element):

​ 特点:

​         1.正常情况下,行内元素是不会换行的

​         2.行内元素会在一行排不下时进行换行

​         3.行内元素不能设置宽 高 行内元素的宽和高都是由其内容决定的

​         4.行内元素一般不会嵌套块级元素,大多数是嵌套文本或者其他的行内元素(除a元素除外,a标签中可以嵌套除自身以为的任何元素)

<

你可能感兴趣的:(学习,web,前端,html5)