HTML基础

超文本标记语言(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基础示例

以下是另一个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> 

在浏览器中打开保存的文件结果如下所示:

HTML基础

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/264026.html

(0)
上一篇 2022年6月6日
下一篇 2022年6月6日

相关推荐

发表回复

登录后才能评论