持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第3天，点击查看活动详情

`小白用户`

什么是HTML

HTML：超文本标记语言（Hyper Text Markup Language）

HTML不是一种编程语言，而是一种标记语言，描述网页的语言

HTML使用标签描述网页中图片、文本、音乐、视频、超链接等

为什么要学习HTML

制作精美的电商、门户等静态网页、制作网页中的各种交互、动画效果、制作网页游戏……

HTML的发展历史

1993-6
1995-11	HTML2.0版
1997-1-14	HTML3.2
1997-12-18	HTML4.0
1999-12-24	HTML4.01
2000-1-26	XHTML1.0
2021-5-31	XHTML1.1
	XHTML2.0
2014-10-28	HTML5

HTML5是什么

开发环境及开发工具

开发环境：windows、linux、Mac OSX；

开发工具：Dreamweaver、Elipse、FrontPage、WebStorm……

WebStorm优点：智能的代码补全、代码提示、自动保存……

HTML基础标签

标题标签	<h1>~<h6>	静夜思
段落和换行标签	<p>…</p> <br/>	床前明月光 疑是地上霜
水平线标签	<hr/>
斜体	<em>…</em>	举头望明月
字体加粗	<strong>…</strong>	低头思故乡

浏览器效果

图像标签

常见图片格式：jpg、gif、bmp、png

超连接

跳转到页面不同的地方，或者跳转到不同的页面，或者跳转到不同的网站

超链接的应用

页面间链接：A页到B页，网上常见链接

锚链接：跳至自身固定位置，或A页跳到B页固定位置，需锚标记

功能性链接：电子邮件、QQ、MSN等链接

超链接标签

锚链接

从位置甲跳转到本页的位置乙

从位置甲跳转到其他页的位置乙

锚链接创建步骤

创建跳转标记

<a name='maker'>乙位置</a>

创建跳转连接

<a href='#maker'>甲位置</a>

功能性链接

电子邮件、QQ、MSN等链接

<a href='mailto:service@qq.com'>发邮件</a>

注释和特殊符号

注释

方便阅读代码

浏览器自动忽略注释内容

<!--注释内容-->

注释和特殊符号

空格	&nbsp;	<a href="#">百度</a>&nbsp; 新浪
大于号(>)	&gt;	如果时间>晚上6点，就坐车回家
小于号(<)	&lt;	如果时间 <早上7点，就走路去上学
双引号	&quot;	W3C规范中，HTML的属性值必须用成对的"引起来
版权符号@	&copy;	© 2003-2013阿里巴巴

W3C标准

规范

标签名称、属性名称必须小写

标签必须严格嵌套，并且必须闭合，即使空元素标签也必须闭合

属性值必须用引号引起来

<p>
<img src='image/p1.jpg alt='核桃'/>
<br/>
无漂白薄皮核桃
</p>

制作常见问题页面

标题标签

段落标签

水平线

超链接

总结：