web页面制作基础（部分重要知识总结）

一、html

1.标签

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

需要注意的是:

        ①标签通常是成对出现的,但也有极少部分只有开始标签,没有结束标签  称作 单标签或者空标签 比如:meta

        ②标签是允许嵌套的,但是要符合嵌套的标准

通常,我们也会将标签称作为元素 ，例如：根元素  、head元素等

比较重要且常用的标签：

        ①列表标签

                1>有序列表,表示如下：

<ol>
    <li></li>
    <li></li>
    <li></li>
</ol>
    

                2>无序列表，表示如下：

<ul>
    <li></li>
    <li></li>
    <li></li>
</ul>

                3>定义列表，表示如下：

<dl>
    <dt></dt>
    <dd></dd>
    <dt></dt>
    <dd></dd>
</dl>

        注：列表之间是可以相互嵌套的

        ②超链接标签 （a标签）

                1>可以访问到外部网络的资源

                 2>可以访问本地网页资源

                3>可以作为锚点，在当前页面指定位置进行定位跳转

        ③img标签：用于渲染，图片资源的标签

        ④div标签和span标签

小tip：href和src的区别：

href和src都是指向外部资源地址或者本地资源地址

不同点：

href属性:

        1>通过该属性去关联另一份外部资源文件

        2>如果被关联的资源文件，在页面渲染时需要用到该资源中的内容时，它会下载该资源，

        3>如果需要下载资源文件内容时，并行下载的方式，不会阻塞页面的渲染

src属性：

        1>通过该属性去访问到对应的外部资源，并替换掉该标签的内容

        2>src属性肯定是会下载对应路径的资源的

        3>src的下载不是并行下载，在页面渲染时如果遇到src那么会将该资源全部下载完毕并且解析后，才会继续渲染页面后续的内容（src会阻塞页面的渲染）

2.属性

通常格式：key=value（注：有时候只有key没有value，即表示逻辑值的时候）

①全局属性：全部元素都具备（例id，class，style等等）

②局部属性：只能某些元素使用

3.常用的语义化标签

标题标签（h1-h6标签）、段落标签（p标签）、i/em标签（斜体）、b/strong标签（粗体）、blockquote/q标签（引用）等等。

4.元素的分类及特点

①块元素

        1>块元素具有布局特点,一般常用