学习内容
1.HTML概念
2.了解HTML发展史
3.基础语法
4.常用标签
5综合小例子
什么是HTML
HTML（Hypertext Markup Language)即超文本标记语言
图片来自听说你还挺厉害发布
HTML发展史
图片来自听说你还挺厉害发布
HTML特点
1.HTML不需要编译，直接由浏览器执行
2.HTML文件是一个文本文件
3.HTML文件必须使用html或htm为后缀名
4.HTML大小写不敏感，HTML 和html一样
开发工具
文本编辑器
sublime
Hbuilder
Editplus
Dreamweaver
等等
HTML基础语法
<html> /*网页的开始
<head> /*网页头部开始
<title>网页的标题</title>
</head> /*网页头部结束
<body> /*网页主体开始
网页的主体内容
</body> /*网页主体结束
</html> /*网页的结尾
HTML标签
语法：<标签名></标签名> 注：有些标签属于单标签，不需要</>
例：<html>...</html>
1.标签用<>括起来
2.标签一般成对出现，分为开始标签和结束标签，结束标签比开始标签多了一个 “/”
3.单标签：没有结束标签，如：<hr/>
HTML元素
从开始标签到结束标签的所有代码称为HTML元素。
<html>
<head>
<title>网页的标题</title>
</head>
<body>
<p>这是我的第一个网页</p>
</body>
</html>
HTML标签属性
语法：
<标签名 属性名1=“值” 属性名2=“值”...>自定义标签名称</标签名>
如：<div class="#">这是一个标签</div>
HTML注释
<!--这里是注释-->
注释在网页中不显示，因软件不同，注释的方法可能也会不同 /**/ <!-- --> 等都可以成为注释标识。
注释的作用是在一段代码中，让你更好的理解这段代码的意思，平时建议多用注释，以免写完一段代码后，忘记此代码的意思。
DOCTYPE文档类型声明
<！DOCTYPE>声明必须放在HTML文档的第一行，但此声明并非HTML标签。
网页编码设置
当网页显示出现乱码时，可以在<head></head>标签之间增添
<meta http-equiv="Content" contect="text/html;charset=UTF-8">
注：常用的编码类型有： UTF-8,GBK,GB2312,在浏览器中可以右击浏览器空白处进行更改。
HTML文字和段落标签
标题标签：<h1></h1>~<h6></h6> 注：<h1>标签最大 <h6>标签最小。
段落标签：<p></p> align 对其齐属性值
图片来自听说你还挺厉害发布
换行标签：<br/>
水平线：<hr/>
属性如下：
HTML文字和段落标签
文字斜体：<i></i>,<em></em>
加粗：<b></b>,<strong></strong>
下标：<sub>
插入内容<ins>
删除内容<del>
特殊符号
列表标签
下一章继续
网友评论