前端自学笔记01

1、浏览器内核
这里写图片描述

2、web标准
1）好处

2)由W3C和其他标准化组织制定的一系列标准的集合，主要包括结构（Structure）,表现（Presentation）和行为（Behavior）三个方面
结构标准：HTML
表现标准：CSS
行为标准：Javascript

3、HTML
1）超文本标记语言，用于描述网页
2）骨架

<html>
    <head>
        <title></title>
    </head>
    <body>
    </body>
</html>

4、标签标记
1)双标签
<标签名>内容

<!DOCTYPE>

这里写图片描述

6、字符集
这里写图片描述
7、HTML常用标签
1）标题标签

<h*>内容</h*>
*的范围是1~6,重要性递减

2）段落标签

<p>内容</p>

3)水平线标签

<hr />

4)换行标签

<br/>

5)div与span
盒子标签

<div></div>
<span></span>

6)文本格式化标签
这里写图片描述

7）图像标签
这里写图片描述

8、链接标签
这里写图片描述
不能省略http协议

9）锚点定位
给页面定位

步骤：
<a href="#自己取的id名称"></a>
接下来是目标位置的文本
<id="上面的id名，不用井号">

10）base标签
base可以设置整体链接的打开状态

都以新标签页打开
<base target="blank"/>

11）特殊字符
这里写图片描述

12）注释标签

<!---->

13）路径
①绝对路径：带盘符的完整地址或完整的网络地址
②相对路径
图像文件与html文件位于同一文件夹，仅需输入图像的文件名称即可，

<img src="logo.gif"/>

图像文件位于html文件的下一级文件夹，只需输入文件夹名和文件名，之间用/隔开。如

<img src="img/img01/logo.gif"/>

图像文件位于html文件的上一级文件夹，则在文件名之前加入../。若是上两级，则使用“../../”多级的以此类推

14)列表标签
无序列表
这里写图片描述
ul标签内只能放置li标签，但li标签内可以写其他标签

有序标签
这里写图片描述

自定义列表
这里写图片描述