超文本标记语言(HTML)是设计和开发网页的最常用语言。 要使用HTML创建网页,必须熟悉HTML基础知识。
因此,有必要学习HTML基础知识,例如:标签和嵌入在HTML标签,属性和数据类型中的内容。
基本HTML文档
下面是基本的HTML标记,这些标记将整个文档分为头部,正文等各个部分。
- 每个HTML文档都以HTML文档标签开头。 尽管这不是强制性的,但是使用下面提到的标记开始文档是一个好习惯:
<!DOCTYPE html>
<html>
– 每个HTML代码都必须包含在基本<html>
标记之间。 它以<html>
开头,并以</html>
标记结尾。<head>
– 接下来是head
标签,其中包含网页或文档的所有标题信息,如页面标题和其他杂项信息。这些信息包含在head
标记内,该标记以<head>
开始,以</head>
结尾。<title>
– 使用<title>
标签指示网页的标题。它用于显示标题信息。 标签以<title>
开头,以</title>
结尾<body>
–body
标签包含页面的实际正文,所有用户都可以看到。它以<body>
开始,以</body>
结尾。标签中包含的所有内容都会在网页上显示,包括文字,图像,音频或视频,甚至是链接。
HTML标记指示Web浏览器如何解释文档。 标签的属性提供其他信息,例如:标签的行为和属性。 根据标签和属性定义的属性和行为,将内容显示在浏览器上。
HTML标签可以根据其在网页上显示的行为分为以下几部分:
- 根元素 – 包含HTML的主要标签。
- 元数据 – 包含定义整个HTML文档行为的标签。
- 部分 – 包含用于表示HTML文档各个部分的标签。
- 标题 – 包含表示HTML文档中标题的标签。
- 流 – 包含在HTML文档的
BODY
标签中使用的标签,以定义文档的结构。 - 短语 – 包含用于显示HTML文档文本的标签。
- 嵌入式 – 包含用于将内容嵌入HTML文档中的标签。
- 交互式 – 包含用于用户交互性的标签。
HTML基础示例
下面是一些HTML基础示例:
<!DOCTYPE HTML> <html> <head> <title>HTML教程标题</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <h1>H1标签</h1> <p>这是一个段落(A)</p> <h2>H2标签</h2> <p>这是一个段落(B)</p> <h3>H2标签</h3> <p>这是一个段落(C)</p> </body> </html>
在文本编辑器(记事本或其他)中编写以上HTML代码,并使用.html
扩展名保存,这里保存为:index.html 。在浏览器中打开保存的文件结果如下所示:
以下是另一个HTML基本示例:
<!DOCTYPE HTML> <html> <head> <title>HTML教程标题</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <h1>Hello,XN</h1> <p> 这是A行<br> 这是A-1行<br> </p> <hr> <p> 这是B-1行<br> 这是B-2行<br> </p> <hr> <p> 这是C-1行<br> 这是C-2行<br> </p> <hr> </body> </html>
在浏览器中打开保存的文件结果如下所示:
原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/264026.html