关于HTML

HTML

HTML : Hyper Text Makeup Language 超文本标记语言

超：不仅仅可以放文字，还可以插入图片，插入链接，视频，音频 .html

标记： 就是浏览器可以识别的文字和符号

面试题：你常用的浏览器有哪些？

​ 浏览器内核：解析 html +css+js

						渲染引擎 ：将html+css渲染

​ js引擎

​ 1: Chrome 内核 Webkit —> Blink

​ 2: FireFox 火狐 内核 Gecko 开源

​ 3: IE Trident

​ 4: Safari webkit

​ 5: Oprea 欧朋 Presto

标记的形式：

一组标记就是一个标签 一个标签实现一个功能

双标签
<开始标签> 标签内容</结束标签>
<关键字></关键字>  <链接></链接>  <a></a> anchor ：锚

单标签（非闭合标签）
<关键字>
    

编码：

<meta charset="UTF-8">
一个汉字是3个字节  3*8 =24bit
UTF-8 只是Unicode 的一个表现形式
UTF-8 变形的码 1-6字节去表示符号 万国码
UTF-16/32

常见的编码

ASCii 美国标;准交换码 <128个

Unicode 255个字符 1个字节代表一个符号

GB2312 汉字编码集 4000+汉字

GBK 简体编码 GB 18303 加入繁体字的支持

UTF-8

默认属性

<meta charset ="UTF-8">  charset ="UTF-8" 与生俱来

1：属性的写法：要卸载开始标签> 之前

2： 属性名=“属性值” 可以写多个 多个属性以空格隔开‘’

标签的关系

嵌套关系：父子关系

并列关系：兄弟关系

文本标签

加粗

<b></b>  bold 粗体

<strong>ABCD</strong>

形式并没优差别 语义上有差别 	strong 语仪化标签 强调

语义化标签作用：1.有利于搜索引擎优化；2.特定场合用特定标签 特定标签用在特定场合

斜体

<i>FFF</i>  Italic 斜体
<em>FFF</em> 语义化标签

下划线

<u>underline</u>
<ins>underline</ins>

中划线(删除)

<s></s>
<del></del>

换行标签

<br> break 换行

水平线标签

<hr >

默认属性：
 color ： 颜色
 align： 水平对齐方式  align： left/center/right

常见的字符：

> >  great than
< &lt;  less than
人民币 &yen;
版权符号 &copy;
空格 &nbsp;

常用标签

段落标签

<p></p>  paragraph  段落 大部分的时候 都是一段文字 

标题标签

富文档 .md .html

h1----h6
<h1>标题1</h1>
...
<h6>标题6</h6> 权重大  语义强烈 爬虫抓取到

注意：h3以下的尽量少用，在一个界面里有且只有一个h1

布局标签

无形中最有形

大容器（大盒子）：

<div></div>  division  划分区域的作用

小容器(小容器)

<span></span> 小盒子装一些小文字和小图标的

插入图片

 <img src="" alt="" title="" >
src:指的是图片的路径 地址
alt:图片加载失败的文字提示
title：图片的标题  鼠标悬停时  显示图片标题

图片路径分为两类：

绝对路径：美国加利福尼亚州xx号

• 网上路径
• D:/xxx.jpg

相对路径：

同级目录：./

不同级目录：…/ 跳出一个文件夹 以此类推

 <img src="" alt="" title="" >
src:指的是图片的路径 地址
alt:图片加载失败的文字提示
title：图片的标题  鼠标悬停时  显示图片标题

图片路径分为两类：

绝对路径：美国加利福尼亚州xx号

• 网上路径
• D:/xxx.jpg

相对路径：

同级目录：./

不同级目录：…/ 跳出一个文件夹 以此类推

​ js引擎