前端自学笔记01

前端自学笔记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标签内可以写其他标签

有序标签
这里写图片描述

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

posted on 2018-08-30 18:40  Tanqurey  阅读(243)  评论(0编辑  收藏  举报