Web基础知识二之Html快速入门

偏执的太偏执、 2022-07-13 07:08 192阅读 0赞

Html快速入门（重点）  
1、超文本

Web 是一个超文本文件的集合

2、什么是HTML 
HTML：Hyper Text Markup Language（超文本标签语言） 
超文本：具备一些特殊功能的文本 
标签：超文本的组成形式 
超文本 a：<a></a> 
超文本 b： 
语言；具备一定的语法结构 
用HTML编写的网页文件，以.htm或.html作为文件的后缀（超文本文件） 
 
 
运行环境：任何一款浏览器

开发工具：任意一款文本编辑工具都可以

3、Html基础语法 
1、标记语法 
在html中，用于描述功能的符号，称为“标记”,<a>, 
标记在使用时，必须用<>扩起来 
标记分为 
1、封闭类型的标记也称为“双标记”，标记必须成对出现 
语法： 
<标记>内容</标记>    《=====》   Myhtml 
如果一对双标记中没有结束标记的话，网页会产生意想不到的结果 
ex：<a>百度</a> 
加粗显示 
... 
2、非封闭类型的标记 
也称为“单标记”或“空标记” 
语法：<标记>或<标记/>\\ 
2、元素 
元素即标记 
"<a>百度</a>"这个组合称为元素 
1、元素的嵌套 
Html中通过嵌套的元素来形成更为复杂的页面结构 
注意： 
1、嵌套顺序 
<a></a> 正确 
<a></a> 错误 
2、格式问题 
被嵌套的东西要用 缩进来表示（Tab） 
ex: 
 
 
<a> 
</a> 
 
 
2、属性和值 
属性：是用来修饰元素的。 
ex：想控制p标记里文本的 水平排列方式 
右对齐 
语法： 
1、属性的声明必须位于开始标记里 
2、属性与标记之间要用一个空格隔开 
3、一个元素允许有多个属性，多个属性之间用 空格 隔开，并且排名不分先后 
4、属性 和 值之间用 = 连接 
ex： 
文本水平排列方式：align 
取值：left/center/right 
这是一段文本 
设置 id 属性值为 p1 
标准属性： 
html中所有元素都具备的属性称之为标准属性 
1、id：元素在页面中的独一无二的标识 
2、title：鼠标移入到元素上时所提示的文本 
3、class：指定元素引用的类选择器（样式中使用） 
4、style：定义元素的内联样式(样式中使用) 
3、注释 
不会被浏览器所编译的内容，称为注释 
语法： 
 
注意： 
1、注释不能嵌套 
 
2、注释不能在标签中使用 
 
 
Html5 
 
 
Html5的目标，就是更为简洁的HTML代码 
 
4、文档结构 
1、Html文档结构 
任何网页都是由 
1、文档类型声明 
<!doctype html> 
2、html页面 
<html></html> 
两部分组成 
2、html 元素 
包含两个子元素 
1、<head></head> 
用于表示网页头部信息，用于定义页面全局信息或页面的元数据 
2、<body></body> 
显示给用户看的内容 
3、head元素 
允许包含的子元素： 
1、<title>网页标题</title> 
2、<meta> 
<meta charset="utf-8"> 
告诉浏览器用什么样的编码解析网页内容 
注意：保证网页文件的 编码格式 也是 utf-8 
练习： 
1、创建一个超文本文档，名称为01.html 
2、指定文档类型声明 
3、搭建网页结构 
设置 标题 ： 我的第一个html练习文件 
设置 编码 ： utf-8 
网页文件编码 ：utf-8 
4、编辑网页内容 
我的第一个html练习内容 
尝试用一对b标记将以上内容括起来，观察结果