HTML菜鸟笔记01

HTML菜鸟笔记01

1、什么是html:html是【超文本标记语言】，可以根据不同的地址发送信息；普通文本只能包含纯字符；超文本可以包含字符，图片，超链接，视频，音频。浏览器会自上而下的解析html文件，会将标签自动转换，变成浏览器页面元素。
2、开发环境：

编辑器	浏览器
vscode、scblime	firefox、chrome、ie

3、html网页结构：
doctype 声明部分
html Html的根元素，用来包含html文档的所有元素
head 不会显示到浏览器视口中
title 显示在浏览器选项卡的标题
meta 用于设置元信息，配置
charset=utf-8
编码
编辑器 UTF-8
解码
浏览器
body即网页主体
分工为： 程序员 编写 ；浏览器 解析。
4、基本语法：
(1) 注释ctrl+/:

（2） 元素组成：
开始标签、内容（文本或者子标签）、结束标签

<div>hello world</div>

		<div>
			<span>hello world</span>
		</div>`

(3) 属性：
在开始标签中可以添加属性<div 属性名=属性值 属性名=属性值>
属性名不区分大小写。
5、属性：
（1）核心属性：id、class、title、style
(2)特有属性：a标签中：href、target
img标签：alt、src
6、元素分类：
（1）块级元素
作用：作为页面框架，或者容器。是页面的主体
特性：
1) 独占一行空间
2) 默认宽度为100%，默认高度由子元素或者内容决定
3) 可以为其指定宽高 style=“width:;height:;”

div	无意义的块元素
h1~h3	标题
p	段落
ul、li	无序列表，列表项
ol、li	有序列表，列表项
dl、dt、dd	有序列表

4）H5新增的块元素（语义化标签）：header(头)、nav、article（主体）、section (部分)、footer（脚）、 video、 audio。
2、行内元素：
作用：点缀网页，填充内容
特性：
1) 与其他行内元素共享一行空间
2) 默认宽高由内容决定
3) 不能为其指定宽和高
4) 行内元素中不可以嵌套块元素，但块元素中可以嵌套行内元素。