HTML的简介
HTML的英文全称是 Hyper Text Markup Language,即超文本标记语言。HTML是由Web的发明者 Tim Berners-Lee和同事 Daniel W. Connolly于1990年创立的一种标记语言,它是标准通用化标记语言SGML的应用。
HTML起手应该写什么
<!DOCTYPE html> <!--html类型文档的标志-->
<html lang="en"> <!--lang为语言类型,en表示英文,当然我们可以改成中文-->
<head> <!--head 元素 规定文档相关的配置信息(元数据),包括文档的标题,引用的文档样式和脚本等。-->
<meta charset="UTF-8"> <!--charset 表示字符编码-->
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <!--http-equiv: 属性定义了一个编译指示指令,如果值为 X-UA-Compatible 则 content 属性必须具有值 "IE=edge";content="IE=edge"表示IE浏览器使用最新内核-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--name 和 content 属性可以一起使用,以名-值对的方式给文档提供元数据,其中 name 作为元数据的名称,content 作为元数据的值;width=device-width, initial-scale=1.0 表示禁用缩放,兼容手机-->
<title>Document</title> <!--网页标题-->
</head>
<body>
</body>
</html>
常用的表章节的标签
- h1~h6——标题标签,表示标题样式从大到小
- section——章节标签,一个包含在HTML文档中的独立部分
- article——文章标签,表示文档、页面、应用或网站中的独立结构
- p——段落标签,表示文本的一个段落
- header——头部标签,用于展示介绍性内容,一般放一些不展示出来的内容
- footer——脚部标签,一般展示文章的版权归属和作者以及相关链接等等
- main——主要内容,表示文档的主体部分
- aside——旁支内容,表示文档的次要部分
- div——块级标签,占一整行,划分作用
常用的全局属性
- class——类属性,作为css样式指向某一元素时一般用它,css样式
.xxx - contenteditable——表示元素是否可被用户编辑。 如果可以,浏览器会修改元素的部件以允许编辑。
- hidden——如果一个元素设置了这个属性,它就不会被显示
- id——属性给予元素一个唯一名称,一般不用它来作为css样式指向某一元素
- style——包含文档的样式信息或者文档的部分内容
- tabindex——指示其元素是否可以聚焦,以及它是否/在何处参与顺序键盘导航
- title——鼠标放上去会描述一些内容,这些内容是写在title=“xxxx”里的
常用的内容标签
- ol+li——有序列表,以数字1.2.3.的形式展示
- ul+li——无序列表,没有数字说明,以小圆点的形式展示
- dl+dt+dd——描述列表,dt表示描述标题,dd表示描述列表内容
- pre——保留编辑内容样式,类似空格也可以展示出来
- hr——分割线
- br——换行
- a——超链接,可以打开另外的链接
- em——强调方式的字体倾斜样式
- strong——强调方式的字体加粗样式
- code——在浏览器上以等宽字体展示
- quote——表示一个封闭的并且是短的行内引用的文本,这个标签是用来引用短的文本,所以请不要引入换行符; 对于长的文本的引用请使用
<blockquote>替代 - blockquote——代表其中的文字是引用内容
- title——定义文档的标题,展示在浏览器的标题栏上和标签页上