前端基础内容（一）
1、网页的结构
根据w3c标准，一个网页主要有三部分组成：结构、表现、行为
- 结构（☆）：HTML用于描述网页的结构
- 表现（☆☆）：CSS用于控制页面元素的样式
- 行为（☆☆☆☆☆）：JavaScript用于响应用户的操作
2、结构HTML
- 超文本标记语言
- html使用标签的形式来标识网页中的组成部分
- 所谓超文本指的是超链接，使用超链接可以让我们从一个页面跳转到另一个页面
3、编写第一个网页
<!--根标签-->
<html>
<!--head子标签，head里面的内容都是给浏览器看的，页面上是不会显示的-->
<head>
<!--title子标签-->
<title>自传</title>
</head>
<!--body子标签，网页的主体，网页可见的内容都应该写在body里面-->
<body>
<h1>自传</h1>
<h3>五月天</h3>
<p>有没有人在某个地方,等我重回当初的模样</p>
<p>双颊曾光滑，夜色曾沁凉，世界曾疯狂，爱情曾绽放</p>
<p>有没有人依偎我身旁，听我倾诉余生的漫长</p>
<p>在你的眼中,我似乎健忘,因为我脑海,已有最难忘,最难遗忘</p>
</body>
</html>
4、自结束标签和注释
<!--
这里是注释，注释内容是不会显示在网页中的
注释不可以嵌套！
-->
<!--自结束标签，自己结束自己-->
<input>
<img>
5、标签中的属性
<html>
<head>
<title>标签的属性</title>
</head>
<body>
<!-- 属性：
1、在标签中设置属性（开始标签、自结束标签）
2、属性是一个名值对结构
3、属性和标签名或者其他属性使用空格隔开
-->
<h1>自传<font color="red">五月天</font></h1>
</body>
</html>
6、文档声明
- 用来告诉浏览器当前网页的版本
- html5文档声明如下
- 写在网页的最开头
<!doctype html>
<!DOCTYPE html>
<html>
......
</html>
7、关于进制
-
十进制
- 满10进1
- 0、1、2、3、4、5、6、7、8、9、10、11。。。
-
二进制（计算机底层的进制）
- 满2进1
- 0、1、10、11、100、101、110、111。。。
- 所有数据在计算机底层都会以2进制的形式保存
- 8bit = 1byte(字节)
- 1024byte = 1kb
- 1024kb = 1mb
- 1024mb = 1gb
-
八进制（很少用）
- 满8进1
- 0、1、2、3、4、5、6、7、10、11、12。。。17、20
-
十六进制(一般显示一个二进制数字时，都会转换为十六进制)
- 满16进1
- 0、1、2、3、4、5、6、7、8、9、a、b、c、d、e、f、10、12。。。1a。。。
8、字符编码
- 所有的数据在计算机中存储都是以2进制进行存储
- 编码
- 将字符转换为二进制编码的过程
- 解码
- 将二进制码转换为字符的过程
- 字符集（charset）
- 编码和解码所采用的的规则
- 乱码问题
- 如果编码和解码采用的规则不同就会出现乱码问题
- 常见的字符集
- ASCII
- GB2312
- GBK
- UTF-8（万国码）
在网页中，通过meta标签来设置字符
<!--通过meta标签来设置字符-->
<meta charset="UTF-8">
完整的网页结构
<!-- 文档声明 -->
<!DOCTYPE html>
<!-- html的根标签（元素） 网页中所有内容都要写在根元素里面-->
<html>
<!-- 网页头部，不会直接在网页中出现，主要帮助浏览器（或者搜索引擎）来解析（搜索）网页 -->
<head>
<!-- 用来设置网页的元数据（相当于人的DNA）这里用来设置网页的编码 -->
<meta charset="utf-8">
<!-- title的内容会显示在浏览器的标题栏上面，
搜索引擎主要根据title中的内容来判断网页的主要内容 -->
<title>网页的标题</title>
</head>
<body>
<!-- html的子元素，表示网页的主体，网页中所有的可见的内容都应该写在body里面 -->
</body>
</html>
6770
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
