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,文章中如果有出现错误欢迎大家指出来。