关于HTML的一些基本知识

day01 HTML 01

1:HTML标记语言

HTML：Hyper Text Markup Language 超文本标记语言

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

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

语言：不是编程语言

常用浏览器有哪些？

(浏览器分为两部分，外壳【网页中所看到的】和内核【用于解析代码，分两部分，渲染引擎（html+css）和js引擎】)

1:Chrome(谷歌) 内核 Webkit —> Blink

2:FireFox(火狐) 内核 Gecko 开源

3:IE 内核 Trident

4:Safari(苹果浏览器) 内核 Webkit

5:Oprea(欧朋) 内核 Presto

标记的形式

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

双标签(闭合标签)
  <开始标签>标签内容</结束标签>
  <关键字></关键字>   <链接></链接>   <a></a>
单标签(非闭合标签)
  <关键字>

**注释的快捷键：**ctrl+/

编码

<meta charset="UTF-8">
一个汉字是三个字节 3*8=24bit
UTF-8是Unicode的表现形式
UTF-8是一个可以伸缩变形的码  1-6字节去表示符号  万国码（全世界的）
UTF-16
UTF-32

常见的编码：

ASCii 美国标准交换码 26字母 + 0-9 + 特殊符号 < 128个

0-9是十进制

计算机识别二进制（高电平和低电平）

二进制是0（低电平）-1（高电平）

比特 1bit = 1位二进制 最小单位

字节 Byte 1B = 8bit 01010101

kb 1kb = 1024Byte MB GB TB

Unicode 255个字符

GB2312 汉字编码集 4000多个汉字

GBK 几乎涵盖了汉字编码的所有字符，简体编码

GB18303 在GBK的基础上加入了繁体字的支持，只能给国内看

默认属性

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

1：属性的写法：要写在开始标签‘>’之前

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

标签的关系

嵌套关系：父子关系

并列关系：兄弟关系

文本标签

加粗

<b>A</b>   bold 粗体
<strong>A</strong>   
两者之间的不同是对于浏览器而说的，不是对于样式来说的，两者表现形式并无差别，语义上有差别，strong  语义化标签  强调

语义化标签：有利于搜索引擎优化；特定场合用特定标签，特定标签用特定场合

斜体

<i>A</i>  Italic 斜体
<em>A</em>  语义化的

下划线

<u>A</u>
<ins>A</ins>

中划线(删除)

<s>删除</s>
<del>删除</del>

换行

<br>  break 换行

水平线

<hr>  水平线
默认属性：
color（颜色）
align（水平对齐方式，left/right/center） 
width(宽)

常见的字符：

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

常用标签

段落标签

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

标题标签

富文档 .md .html

h1---h6  h1最大-----h6原来越小
<h1>
    标题
</h1>
注意：一般只用h123，剩下的尽量少用
     h标签权重大，语义强烈  爬虫抓取到
     在一个界面里有且只能有一个h1

布局标签

无形当中最有形的

大容器（大盒子）

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

小容器(小盒子)

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

插入图片

<img  src="" alt=""  title="">
src  指的是图片路径、地址
alt  图片加载失败是文字提示
title  图片的标题  鼠标悬停时，显示图片标题
width   宽度  一般只设置宽度  自动缩放
height   高度
border   边框  默认黑色  边宽1px  border='1'

图片路径分为两类：（最好用相对路径）

绝对路径：地球美国加利佛尼亚州xx道xx号（从根源开始说）；

• 网上路径

• E：/1.jpg 不建议这样

  相对路径：

  从你当前html文档出发去找那个图片要跳过几个文件夹

  同级目录： ./ 去找

  不同级目录： …/ 跳出一个目录 …/跳出两个文件夹