本文介绍了HTML的基本概念，作为编写网页的主要语言，HTML负责定义网页结构。文中详细讲解了HTML标签的语法，包括双标签和单标签的使用，并举例说明了如何插入图像、创建超链接。此外，还提到了HTML文档的基本结构，包括起始标签、头部标签和主体标签。最后，讨论了HTML标签的分类，如块标签和行标签，并提及了HTML注释和常用的编辑工具。
hello~大家好，距离上一篇文章已经很久了，因为最近一直在忙找工作学习，所有没有很多时间来写文章，今天我主要讲的是HTML基础，比较容易好记。
HTML指的是超文本标记语言，是用于编写网页的主要语言。HTML主要定义网页结构，他决定网页上显示的内容，是网页文件制作的基础。网页中的文本、图像、表格、超链接等内容，都是由HTML中的标签定义和组织的。用HTML编写的超文本文档称为HTML文档，扩展名为.html或.htm,也就是网页。
HTML的主要功能是：定义（或设置文本）、插入图像、建立超链接、创建列表、创建表单、建立表单、插入多媒体。
HTML标签的基本语法
HTML标签是由'<>'括起来的关键词，HTML中，成对出现的标签成为双标签，单独出现的标签称为单标签。
双标签
<标签名>标签内容</标签名> 如：<h1>这是一个一号标题</h1>
<标签名 属性名1=“属性值” 属性名2=“属性值” .......>标签内容</标签名> 如：<a href="web/index.html" target="_blank">点击我吧</a>
其中a为超链接标签名称，href="web/index.html"和target="_blank"两个属性分别定义了超连接目标文档的路径和打开方式。（代码中的标点符号均为英文标点符号）
单标签
<标签名/> 如：<br/>。(<br/>是换行标签，它仅仅通知浏览器在此处换行，因而不需要界定作用范围，所以他没有尾标签)
<标签名 属性名1=“属性值1” 属性名2=“属性值2”.../> 如：<img src="img/jb02.jpg" width="400" height="300">
img是标签名表示图像，src是标签属性名，用于将指定图像引入网页，img/jp02.jpg是属性值，表示图像的地址，width、height也是标签属性名称，分别用于定义图像的宽度和高度，单位为px。
HTML文档中一行可以写多个不同的标签，也可将一对标签写在不同的行中，但每对标签必须嵌套使用，不能交叉使用。例如：
<table>
<tr>
<td>
</td>
</tr>
</table>HTML的基本结构
HTML文档由起始标签<html>、头部标签<head>和主体标签<body>三部分组成。基本结构为：
<html>
<head>
文档头部
</head>
<body>
文档主体
</body>
</html>HTML标签的分类
块标签：独占一行，可以设置宽度和高度属性，而且元素在页面中遵循从上到下的顺序排列，如段落标签<p></p>。
行标签：也称内联标签、行内标签，不能独自占据一行，设置宽度和高度属性无效，而且元素在页面中遵循从左到右的顺序排列，如超链接<a></a>。
HTLM注释：为增强代码可读性，开发者尝试用注释解释HTML文档中的作用，用<!-- 注释内容-->表示。
HTML的常用编辑工具：记事本、Adobe Dreamweaver、Sublime Text、Visual Studio Code、HBuilder.作者习惯使用hbuilder.
好啦~HTML基础就说到这儿了，下一章讲解HTML5，文章中如果有出现错误欢迎大家指出来。
358
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
