HTML基本结构及常用标签

（1）HTML介绍

（1）HyperText Markup Language。
（2）制作网页前端的技术。

（2）开发工具选择

推荐HBuilder或者HBuilder X作为IDE进行开发，原因不说，用过就知道。
安装好开发工具后，选择“文件”–》“新建”–》“web项目”就可以创建一个HTML项目。
在项目上右键–》“新建”–》“HTML文件”就可以开始编写HTML代码了。

（3）HTML基本结构

	
		
		
	
	
		Hello,HTML!
	

（1）其中此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范，此处代表采取HTML5规范。
（2）一对HTML标签代表此文档为HTML文档。
（3）一对head标签代表网页头部。
（4）一对body标签代表网页身体，网页正文显示内容一般都写在body里面。
（5）一对title标签代表网页标题，会显示在浏览器的选项卡标题上。

（4）HTML常用基本标签

设置网页字符编码，设置成utf-8编码，支持中文。

设置网页关键字，提供给搜索引擎来抓取匹配。

设置网页的描述，提供给搜索引擎搜索结果页面进行展示。

设置文章内容的标题，一共6个级别，默认H1字体大小最大，H6字体大小最小

遥远的你
遥远的你
遥远的你
遥远的你
遥远的你
遥远的你

设置一段内容为一个段落，类似语文中的写作文分段，其中P代表一个段落，br代表换行。

    七月的风 八月的雨

    卑微的我喜欢遥远的你

    你还未来 怎敢老去

    未来的我和你奉陪到底

    你若同意 我一定去

    可你并不在意我的出席

    你的过去 无法参与

    但我还是喜欢你

设置一个水平线，使用hr标签

遥远的你

设置字体加粗和斜体，加粗：b,strong ,斜体i,em

我是被加粗的文字   我也是被加粗的文字
我是斜体的文字   我也是斜体的文字

HTML中的注释，所谓注释，不会在页面直接显示，给网页编辑人员使用，起到笔记，提示的作用。

图片标签，往网页插入一张图片

超链接标签，往网页插入一个超链接，点击超链接可以跳转到其它网页。

其中target="_self"是默认值，代表在原窗口打开新网页;target="blank"代表在新窗口打开新网页。

A标签之间可以是文字，也可以是图片，都可以产生点击链接跳转的效果。

遥远的你

邮件超级链接，用于启动发送邮件的客户端给目标邮箱发送邮件

快来约我吧

锚链接，当网页内容很多很长的时候，用于跳转到网页的指定位置，锚链接效果实现需要创建锚标记（即一个网页的定位）和跳转链接。

其中锚标记和跳转链接在同一个网页，跳转链接的href="#锚标记名称" ；如果锚标记和跳转链接不在同一个网页，跳转链接的href=“目标网页地址#锚标记名称”

定位位置
我要跳转到指定位置