1、介绍
HTML代表H yper t ext M arkup L anguage,它是编写网页时使用最广泛的语言。
-
Hypertext指的是网页(HTML文档)链接在一起的方式。 因此,网页上可用的链接称为超文本。
-
顾名思义,HTML是一种Markup Language ,这意味着您可以使用HTML简单地“标记”文本文档,并使用标记告诉Web浏览器如何构建它以进行显示。
-
在最简单的形式中,以下是HTML文档的示例 -
<!DOCTYPE html> <html> <head> <title>This is document title</title> </head> <body> <h1>This is a heading</h1> <p>Document content goes here.....</p> </body> </html>
2、HTML标签(也称元素)
-
绝大多数标签“成双成对”。即为“一对标签”。
在上面的示例中有
<head>...</head>、<body>...</body>、<h1>...</h1>、<p>...</p>
。
当然也有单个出现的标签,但是常用的屈指可数。如下例中的标签。(换行作用)br
<!DOCTYPE html> <html> <head> <title>Line Break Example</title> </head> <body> <h1>This is heading 1</h1> <h2>This is heading 2</h2> <h3>This is heading 3</h3> <h4>This is heading 4</h4> <h5>This is heading 5</h5> <h6>This is heading 6</h6> <p> Hello<br> You delivered your assignment ontime.<br> Thanks<br> Mahnaz </p> </body> </html>
-
上面的HTML文档示例使用以下标签。
Sr.No 标签和说明 1 <!DOCTYPE...>此标记定义文档类型和HTML版本。 2 <html>此标记包含完整的HTML文档,主要包括由 ... head>表示的文档标题和由 ... body>标记表示的文档正文。 3 <head>此标记表示文档的标题,可以保留其他HTML标记,如 4 <title>在标记内使用 5 <body>此标记表示文档的主体,它保留其他HTML标记,如 <h1gt;,<divgt;,<pgt;等。 6 <h1>此标记表示标题。 7 <p>此标记代表一个段落。 -
一个完整的标签应该有以下组成部分:
图中的a标签是超链接。href=“网址” ,点击跳转任意网址。
-
元素的层次结构:
称html骨架,是因为它有一定的结构组织,这些结构不是必须的,但是规范写法。
一个元素的内容中可以包含其他元素,形成嵌套的层次结构;但两个元素之间不能相互嵌套。
3、总结
到此应该要知道:
-
网页上显示的所有内容都来自HTML。
(其实最早的时候html是用来看电子报纸的)
-
HTML是一种标记语言,它使用各种标签来格式化内容。内容放在不同标签中有不同效果。这种不同效果也就是该标签的语义。
应该有的疑惑:
-
有哪些标签,各个标签的具体作用。
-
网页这么复杂得需要多少标签才能表达出来。
-
下一篇 (2)HTML 基本标签 将介绍各种常用标签。
-