前端之html

标签的使用：

    1、成对出现的标签

    2、单个出现的标签

    3、带属性的标签，如src、alt 和 href等都是属性

    4、标签的嵌套

 

常用html标签：

    1、h1~h6:  标题标签，块元素标签，含有默认样式

    2、P：  段落标签，块元素标签，含有默认样式

    3、字符实体：如果想在网页上显示空格，“<”个“>”, 不能直接在代码中写，需要写成它们的字符实体，空格：    小于号：<   大于号 >

    4、div  通用块元素标签，一般做嵌套使用，没有默认样式

    5、a 链接标签，属于内联元素标签，通过herf属性设置链接地址，将a标签包裹img标签可以用图片做链接，默认链接地址写成“#”

    6、img  图片标签，属于内联元素标签，通过src属性设置图片地址，通过alt设置图片文字说明

    7、span 通用内联元素标签，一般用在样式设置中

 

块元素标签(行元素)和内联元素标签(行内元素)

标签在页面上会显示成一个方块。除了显示成方块，它们一般分为下面两类：

    块元素：在布局中默认会独占一行，块元素后的元素需换行排列。

    内联元素：元素之间可以排列在一行，设置宽高无效，它的宽高由内容撑开。

 

常用块元素标签：

    1、标题标签，表示文档的标题，除了具有块元素基本特性外，还含有默认的外边距和字体大小

    2、段落标签，表示文档中的一个文字段落，除了具有块元素基本特性外，还含有默认的外边距

    3、通用块容器标签，表示文档中一块内容，具有块元素基本特性，没有其他默认样式

 

常用内联元素标签：

    1、超链接标签，链接到另外一个网页，具有内联元素基本特性，默认文字蓝色，有下划线

    2、通用内联容器标签，具有内联元素基本特性，没有其他默认样式

    3、图片标签，在网页中插入图片，具有内联元素基本特性，但是它支持宽高设置。

 

其他常用功能标签：

    1、换行标签  <br>

    2、html注释：

 

常用html字符实体:

    1.空格  &nbsp

    2.<  >  &lt  &rt

 

标签语义化:

    带语义的标签

        1、h1~h6：表示标题

        2、p：表示段落

        3、img：表示图片

        4、a：表示链接

    不带语义的标签

        1、div：表示一块内容

        2、span：表示行内的一块内容