📜  HTML-概述(1)

📅  最后修改于: 2023-12-03 15:31:18.391000             🧑  作者: Mango

HTML-概述

HTML是HyperText Markup Language(超文本标记语言)的缩写,用于创建网站页面的标准语言。HTML使用各种标记将文本、图像、音频、视频等内容结构化,并与网页链接。HTML标记由尖括号“< >”包围,是成对出现的,其中第一个标记是起始标记,第二个标记是结束标记。

基本结构

HTML页面的基本结构如下:

<!DOCTYPE html>
<html>
<head>
  <title>页面标题</title>
</head>
<body>
  页面内容
</body>
</html>

其中,<!DOCTYPE html> 行定义了文档类型,告诉浏览器如何解释页面内容。<html> 标签表示文档的根元素,<head> 标签包含页面的元数据,如标题和关键字等信息。<body> 标签包含页面的主要内容。

常用标签

以下是HTML中常用的标签及其用途:

  • <h1>–<h6>:标题标签,用于定义不同级别的标题;
  • <p>:段落标签,用于定义文本段落;
  • <a>:超链接标签,用于定义链接到其他页面或网站的链接;
  • <img>:图像标签,用于显示图片;
  • <ul>、<li>:无序列表、列表项标签,用于显示列表;
  • <ol>、<li>:有序列表、列表项标签,用于显示有序列表;
  • <table>:表格标签,用于显示数据表格;
  • <form>:表单标签,用于创建输入表单;
  • <input>:输入标签,用于向表单中输入数据。
常用属性

HTML标签可以使用属性来为元素提供更多的信息和控制。以下是HTML中常用的属性及其用途:

  • id:用于标识元素,通常用于JavaScript操作;
  • class:定义元素的类名,可用于CSS样式控制;
  • style:定义CSS样式;
  • src:图像、音频、视频等元素的源文件URL;
  • href:超链接的URL;
  • target:超链接打开目标窗口的位置;
  • alt:图像载入失败时显示的替换文本。
总结

HTML作为创建网站页面的基础语言,是每位程序员必须掌握的技能之一。通过使用HTML标记和属性,可以创建出功能齐全、美观的网站页面。