HTML入门

10个月前发布 SanS三石
43 0 0

(一) 了解HTML

HTML​指的是​超文本标记语言​是用来描述网页的一种语言。可以使用 HTML 来建立自己的 Web 站点,HTML 运行在浏览器上,由浏览器来解析。

1) HTML​不是​一种​编程语言​,​而是​一种​标记语言​,它有一套标记标签 。

​2) HTML​使用标记​标签​来​描述网页​。

​​3) HTML​文档​包含了HTML标签​及​文本内容​,HTML文档也叫做 Web 页面。

​4) HTML​文档的​后缀名​包含​.html​ ​.htm​

(二)HTML基本结构

1)<html> 标签:

<html> 元素定义了整个 HTML 文档。

<html>

……

</html>

2)<head>标签:

<head> 元素必须包含文档的标题(title),可以包含样本、脚本、meta元数据信息以及其他更多的信息。

<html>

<head> …. </head>

</html>

3)<body>标签:

<body> 元素定义文档的主体。 <body> ​元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等)。

<html>

<head></head>

<body></body>

</html>

HTML入门

(三)HTML元素

HTML 文档由 ​HTML ​元素定义。

HTML 元素以开始标签起始,以结束标签终止,元素的内容是开始标签与结束标签之间的内容。

HTML 文档​由嵌套的 HTML 元素构成​。

1)HTML标签分类

单标签:​<hr />​、​<input type=”text” />等

双标签:​<html></html>​、​<head></head>​​等

2)HTML标签关系

包含(嵌套)关系:<head> <title></title> </head> 父子关系,<title>嵌套在<head>中​<head>为父​、​<title>为子​。

并列关系:<html> <head></head> <body></body> </html> 兄弟姐妹, ​<head>与<body>并列同级于<html>中,​<head>和<body>是兄弟关系。在并列关系的例子中,<head>和<body>两者与<html>也是父子关系。

3)HTML空元素

没有内容的 HTML 元素被称为​空元素​。空元素是在开始标签中关闭的。例如,​<br> ​就是​没有关闭标签​的空元素,<br> 标签定义​折行(换行)​。在开始标签中添加斜杠,比如 ​<br />​,​是关闭空元素的正确方法​。

4)书写

HTML 标签对​大小写不敏感​:<P>等同于 <p>。但是建议使用小写标签

(四)HTML属性

1)属性是 HTML 元素提供的附加信息。

2)HTML 元素可以设置​属性​

3)属性可以在元素中添加​附加信息 ​

4)属性一般描述于​开始标签​

5)属性总是以​键值对(名称/值)​的形式出现,比如:​name=”value”​。( 键:值的编号或名称。 值:要存放的数据。)

6)属性值应该始终被包括在​引号内​。双引号​是最常用的,不过使用单引号也没有问题。在某些个别的情况下,比如属性值本身就含有双引号,那就必须使用单引号

7)属性和属性值对大小写不敏感。

常用属性:

属性 描述
class 为 html 元素定义一个或多个类
© 版权声明

相关文章

没有相关内容!

暂无评论

您必须登录才能参与评论!
立即登录
none
暂无评论...