HTML5
1.HTML简介和发展史
HTML(Hyper Text MarKup Language)“超文本标记语言”,主要是通过HTML标语言(标签)对网页中的文本、图片、声音等内容进行语义化的描述
它不是变成语言,是一种标记语言,使用带有<>对文本标记,搭建网页结构
它能够通过超链接将网站与网页以及各种网页元素链接起来,构成丰富的Web页面
HTML发展史
1991年,万维网(www)在互联网上首次露面,在整个互联网发展历史过程中,HTML也经过了好几次版本的迭代,现在是HTML5
互联网原理
原理:上网及请求数据
HTML:绘制网页文件
上网时,用户通过客户端发送http请求到服务器,服务器端将请求对应的数据找到后,通过http响应传回给本地计算机,计算机加载网页
上网过程中有实际的、物理文件的传输
服务器
计算机的一种,有内存和处理器,server
用来存储网页文件:包括HTML、css、js、图片、视频、音频等
可以通过客户端软件远程控制服务器,比如阿里云服务器
服务器一般不会关机
浏览器
发送http请求,接受回传的数据,渲染网页
2.纯文本和超文本
纯文本只有字节,超文本包含了很多其他的内容,传输格式和保存格式不一样,文件占有的内存大小也不一样
常见纯文本:.txt, .html, .css, .js
超文本:.doc, . ppt
3.编辑工具
市场上主流的编辑器有:sublime\vs code\webstrome\hbuilder
随意选择即可
生成html骨架
html:5
生成标题
h$*6 //生成六级标题
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
div*5 /生成多个元素
4.HTML骨架
5.1 DTD
<!DOCTYPE html> //DTD,Document type definition
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
5.2 html
整个网页必须被标签包裹 :网页的配置 : 网页的正式内容,浏览器的可视区域
:字符集 中文网站不建议使用字符集 :下一个的升级版,国内网站
更改:
先改标签,再改编译器的字符集
:视口标签,移动端用的比较多
title标签
<title>shiyivei.com</title>
6 HTML基本语法
6.1 标签
<h1>存放内容的地方</h1>
根据标签的种类分为两个等级
容器级和文本级
容器级:可以在内部存放标签
文本级别:只能存放文本或者文本级标签
容器级标签:div,ol,ul,li,dl,dt,dd,h1-h6
文本级标签:span,img, b,u,i
6.2 标签属性
标签属性代表其功能,多个属性用空格隔开
<a href="http://shiyivei.com"> shiyivei</a>
标签之间对空白换行缩进不敏感
文字的位置不根据书写的位置决定,而是取决于标签的种类
6.4 空白折叠现象
多个空格只能一个,需要特殊字符 
Document
|