HTML
1.1 简介:
一个网页由三个元素所组成:分别是结构、表现、行为。其中结构确定了网页的布局。而实现网页结构的技术就是HTML.
HTML的全称是超文本标记语言 。
相对应的是纯文本语言。纯文本指的是只能在纯文本编辑器中打开,只保存文本格式的文件,比如txt。
超指的是超链接。
标记指的是标签。也就是元素。
1.2 HTML的标准格式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>标准格式</title>
</head>
<body>
</body>
</html>
其中:
- < !DOCTYPE html> 用来声明使用的版本
- 2.< html lang=“en”> < /html> 是根标签
- < meta charset=“UTF-8”> meta标签用来设置网页的一些元数据,比如设置编码格式charset=“utf-8” 比如网站关键词描述< meta name=“keywords” content=“html”> meta标签中的关键字描述不会影响搜索引擎的排名
- 4.正常网页的所有内容都需要放在 < body> 标签中
- 5.Title 标签,就是网站的小标题名称;
1.3 怪异模式
浏览器内置了两种模式,一种普通模式。一种怪异模式。使用怪异模式是为了兼容低版本的HTML。但是使用怪异模式会有一些意想不到的错误。因此我们需要尽量避免使用怪异模式。而避免的方式就是声明版本号。
1.4 HTML5的语法规则
1.html5不区分大小写,但是一般使用小写
2.注释不能嵌套
3.标签必须完整
4.标签可以嵌套但是不能交叉嵌套
5.html里面的属性必须有值,并且必须加引号
1.5 HTML的发展史
- HTML 1993年
- HTML2.0 1995年
- HTML3.2 1996年 (W3C推荐标椎)
- HTML4.0
- HTML4.01 (微小改进)
- XHTML1.0 2000年
- XHTML2.0 由于改动过大,学习成本高了,胎死腹中!
- HTML5 (最新版) 2004 2007正式纳入新成立的HTML工作团队!
- 2013 HTML 5.1 草案~
基本标签
2.1 标题标签
<body>
<H1>一级标题</H1>
<H2>二级标题</H2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
</body>
注意:我们并不关注标签内容的表现形式.我们只重视标签的语义.
2.2 段落标签
<body>
<p>蜀道难</p>
<p>难于上青天</p>
蜀道难
难于上青天
</body>
代表一个自然段,同样的,我们只关注他的语义。
2.3 换行标签
<body>
属地的灶台旁,挂上了一串熏肉.<br/>农家的炊烟徐徐升于空山新雨后
</body>
2.4 水平线标签
<body>
<hr>
</body>
2.5 字体样式标签
<body>
<!--粗体-->
<strong>天青色等烟雨,而我在等你</strong>
<!--斜体-->
<em>炊烟渺渺升起,隔江千万里</em>
</body>
2.6 特殊符号标签
html在源码中连续写多个空格号也只会识别一个。所以需要用特殊符号来代替空格。
大于小于号被赋予了特殊的含义。所以也需要特殊符号
<body>
<!--空格-->
梅 子 青 转 黄
<!--大于小于-->
<!--大于-->
>
<!--小于-->
<
<!--版权符号-->