学习内容
1.HTML概念
2.了解HTML发展史
3.基础语法
4.常用标签
5综合小例子
什么是HTML
HTML(Hypertext Markup Language)即超文本标记语言
![](https://img.haomeiwen.com/i2896838/1195252a19fb4fe0.jpg)
HTML发展史
![](https://img.haomeiwen.com/i2896838/797176328725acbe.jpg)
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 对其齐属性值
![](https://img.haomeiwen.com/i2896838/aec9795fa8848af5.png)
换行标签:<br/>
HTML
网友评论