本文详细介绍了HTML的基础知识，包括HTML5的新特性，如canvas和多媒体支持。文章阐述了HTML的结构，如<!DOCTYPE>声明、html、head和body标签，强调了meta和title标签的重要性。此外，还讲解了文本格式化、超链接、图像、列表、表格、表单元素和多媒体元素的使用，是初学者掌握HTML5的宝贵资料。
这里写目录标题
一、什么是HTML？
-
用来描述网页的一种语言
-
超文本标记语言（Hyper Text Markup Language），是一种用于创建网页的标准标记语言
-
html不是编程语言，是一种标记语言
-
包括了HTML标签及文本内容
-
使用标记标签来描述网页
-
HTML文档也叫web页面
二、HTML5的新特性：
-
用于绘画的canvas标签
-
用于媒介回放的video和audio元素
-
对本地储存的更好支持
-
新的特殊内容元素：article、footer、header、nav、section
-
新的表单控件：calenar、date、time、emil、url、search
-
浏览器的支持：Sacrifice、Chrome、Firefox、Opera、IE9
三、主流web浏览器及其内核
| 浏览器 | 内核 |
|---|---|
| IE | trident |
| Google Chrome | Gecko |
| Safari | Webkit ; blink |
| Opera | Webkit |
| Firefox | presto |
web浏览器是用于读取HTML文件，并将其作为网页显示，浏览器并不是直接显示的HTML标签，但可以使用标签来决定如何展现HTML页的内容给用户
四、学好html5进阶路
HTML --> XHTML --> Css --> Css3 --> JavaScript–> JQuery --> HTML5（忘记哪里copy来的了）
五、★<!DOCTYPE>声明
-
有助于浏览器中正确的显示网页
-
不区分大小写，如
<!doctype html>
<!Doctype Html> -
<!DOCTYPE html>是HTML5的通用声明
六、★html基础标签:
-
HTML标记标签通常被称为HTML标签（HTML tag）
-
HTML标签是由尖括号包围的关键词，如
-
HTML标签通常是成对出现的，如
<b>内容</b>,其中
<b>为开始标签（也称开放标签），</b>为结束标签（也称闭合标签） -
开始标签-内容-结束标签—>组成HTML元素
1.根标签html
<html>.....</html>
是html页面的根元素
2.头部标签head(用户看不到的)
<head>.....</head>
head标签用于定义文本文档的头部，它是所有头部元素的容器
用法：head内部的元素可以引用脚本、样式表、提供元信息
head标签内可填入：
1.★meta标签
<meta charset="utf-8">
提供有关的页面信息
对于中文网页需使用utf-8声明编码，否则会乱码
360浏览器gbk为默认编码，需设置值为gbk
2.★title标题标签
<title>php中文网</title>
定义文档的标题，head部分中唯一必需的元素
3.引入外部样式
<link rel="stylesheet" type="text/css" href="style.css">
定义文档与外部资源的关系 最常见的用途是链接样式表
rel:规定当前文档与被链接文档之间的关系
type:定义被连接文档的类型
引入头部logo
4.引入内部样式
<link rel="icon" type="image/x-icon" href="2.png">
5.引入样式表
<style type="text/css">//样式表</style>
6.直接嵌入脚本文件
<script type="text/javascript">// 脚本</script>
7.引入外部脚本文件
<script type="text/javascript" src="demo.js"></script>
3.★body标签（用户看得到的）
1.定义1-6级标题
<h1>...</h1>....<h6>...</h6>
独成一段，更改字体大小，加粗
2.定义段落
<p>...</p>
把html文档分成若干段落
浏览器会自动在段落前后添加空行
注意结束标签别忘写
3.水平线分割
<hr>
展示为一条长分隔符
4.空元素
<br>
实现换行，独成一行
七、HTML文本格式化
1.定义粗体文本
-
<b>...</b>粗体文本 -
<strong>...</strong>加重语气
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
