📜  html基本代码 - Html(1)

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

HTML基本代码 - Html

HTML是一种用于创建网页的标记语言。在本文中,我们将介绍HTML的基本代码。HTML代码以标记的形式出现,每个标记都以尖括号< >括起来。下面是一些常用的HTML标记:

HTML文档结构

HTML文档的结构如下:

<!DOCTYPE html>
<html>
  <head>
    <title>网页标题</title>
  </head>
  <body>
    网页内容
  </body>
</html>
  • <!DOCTYPE html>:指定文档类型为HTML5。
  • <html>:HTML文档的根元素,包含整个网页的内容。
  • <head>:用于描述文档的元数据,例如标题、脚本和样式表。
  • <title>:HTML文档的标题。
  • <body>:包含网页的内容。
HTML元素和标签

HTML中的元素由一个开始标记和一个结束标记组成,如果元素没有实际内容,则可以使用自闭合标记。下面是一些常用HTML标签的示例:

<p>这是一个段落。</p>
<a href="http://www.example.com/">这是一个链接。</a>
<img src="image.jpg" alt="图像描述" />
<ul>
  <li>列表项1</li>
  <li>列表项2</li>
</ul>
<div>这是一个容器。</div>
<form>
  <input type="text" name="username" />
  <input type="password" name="password" />
</form>
  • <p>:定义段落。
  • <a>:定义链接。
  • <img>:定义图像。
  • <ul>:定义无序列表。
  • <li>:定义列表项。
  • <div>:定义容器。
  • <form>:定义表单。
  • <input>:定义表单控件。
HTML属性

HTML标签可以带有属性,属性提供了关于元素更多的信息,例如链接的URL和图像的尺寸。属性的格式为“属性名=“属性值””。下面是一些示例:

<a href="http://www.example.com/">这是一个链接。</a>
<img src="image.jpg" alt="图像描述" />
<input type="text" name="username" />
  • href:定义链接的URL。
  • src:定义图像的URL。
  • alt:定义图像的文本描述。
  • type:定义输入框的类型。
  • name:定义输入框的名称。
结论

以上是HTML的基本代码,通过这些代码,您可以开始创建简单的网页。HTML拥有许多强大的功能,如果您想深入了解HTML的更多内容,请参考相关文档。