前段基本了解、HTML基本结构、前端三大块、常见字符集、注意、标签、实体/转义字符、内联框架、超链接以及乱码的根本原因

前端了解：

1.    C/S：客户端  /  服务器

       B/S：浏览器  /  服务器

2.     W3C（万维网联盟）：结构：HTML    ——    用于描述页面结构    

                                            表现：CSS    ——    用于控制页面中元素的样式

                                            行为：JavaScript    ——    用于响应用户操作

3.    进制（二进制    八进制    十进制    十六进制）

       十六进制用于颜色

4.    乱码产生的根本原因？

       编码和解码采用的字符集不同

       编码：依据一定的规则，将字符转换为二进制编码的过程

       编码：依据一定的规则，将二进制编码转换为字符的过程

       解决方法：

                        在文档中乱码    ——>    另存为    ——>    右下角编码改为UTF-8，前提有

---

HTML:

                  HTML（Hypertext Markup Language）：称超文本标记语言

                  HTML使用标签的形式来标识网页中的不同组成部分

                  所谓超文本是指超链接，使用超链接可以让我们从一个页面跳转到另一个页面

---

基本结构：

    ——    （html5标准）

>

        

                

                    ——>    防止报错

        

            ——>    所有用户可见的内容放置于此

                这是我的第一个网页666

                

二级标题

                

三级标题

                

四级标题

                

五级标题

                

六级标题

        

---

---

前端三大块：

（www.w3school.com.cn）

（结构）HTML：

                                      负责页面结构 

（表现）CSS：

                                       负责页面样式、美化页面 

（行为）Java Script(JS)：

                                        负责页面行为 

---

常见字符集：

ASCII    ———    美国（7位，128个字符）

ISO-8859-1    ———    欧洲（8位，256个字符）

GBK    ———    （中国的）

GB2312    ———    中国系统的默认编码 

UTF-8    ———    万国码（全国通用）

ANSI    ———    自动以系统的默认编码来保存文件

---

注意：

1.    如果同时出现二个及两个以上的一级标题，那么你的网站将是一个垃圾网站！！！ 

2.    ：一个页面有且只有一个根标签，网页所有内容写在这里

3.    ：不回在网页里直接显示，会告诉浏览器如何解析此页面

4.    ：默认显示在网页的标题栏，搜索引擎先检索的部分

5.    ：设置网页的主题内容，所有可见的内容

6.    字符与字符之间，多个空格当成一个去解析

---

标签：

要求：成对的        

注释标签：    ——    不可嵌套    ——    正确格式eg：

变色标签：    ——    属性可以添加到开始标签    ——        ——    不赞成在HTML里使用，应在CSS里使用

段落标签  ：

    ——    不能交叉嵌套使用    ——    eg：

过夜的店叫酒店喝酒的店叫夜店

（正确）

                                                                                                     

过夜的店叫酒店喝酒的店叫夜店

（错误）

                                      ——   eg： 

我是一个P标签

（正确）

                                                         

我是一个P标签    ——    浏览器会尽最大的努力去正确解析页面

字节数标签：

                        换行标签  ：
     ——   
  / 
都可以

                        水平线标签:

---

  —— 

---

 / 

---

都可以

                        图片标签：

   答辩项目：

                                                    图片格式：jpg：可压缩、颜色多、不支持透明（图片）

                                                                          gif：动图、颜色少、简单透明（动图）

                                                                          png：颜色多、复杂透明（颜色层次多，透明复杂的图片）

                                                                          效果一致使用体积小的

                                                         ——    eg：scr='x.gif' alt='描述图片'/>    ——    如果图片显示不出来，会出现alt属性里内容，搜索引擎以此搜索

                                                          ——    eg：loading='lazy'/>    ——    图片懒加载（只有谷歌有）

                                                        路径：（../向上一层       ../../向上两层       ./当前目录）

                                                                相对路径：从当前这个文件向上/向下

                                                                绝对路径：从D/C盘开始

                                                                网页：复制粘贴网页路径

                        meta标签：

                                        1.    设置字符集：

                                        2.    设置网页关键字：

                                        3.    设置网页描述：

                                        4.    设置重定向：

---

实体/转义字符：

格式    ——    & 实体的名字 ；

< ： <

> ： > 

空格 ：  

版权符号： © 

---

内联框架：（不推荐）

---

超链接：

我是一个超链接

  / 

我是一个超链接

如何在一个新页面打开一个新窗口进行跳转？

target = '_blank'

eg:我是一个超链接

     
  / 

     

顶端    <——>    底端

底端

...

...

...

最后一行内容

返回顶端

居中

---

乱码产生的根本原因？

编码和解码采用的字符集不同

解决方法 ：

                在文档中乱码    ——>    另存为    ——>    右下角编码改为UTF-8，前提有