📌  相关文章
📜  入门模板 - Html (1)

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

入门模板 - HTML

什么是HTML

HTML（Hypertext Markup Language）是一种用于创建网页和其他在线信息的标准语言。它使用标记语言来描述网页内容的结构。这些标记可以使用一些特殊的代码来定义如何应该在页面上显示内容，如标题、段落、列表、链接和图片等。

HTML基本结构

在开始构建HTML网页之前，我们需要先了解HTML文档的基本结构。一个HTML文档包含以下主要部分：

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

上面的代码中：

  • DOCTYPE声明位于文档的最前面，用于指定文档类型。
  • html元素是整个HTML文档的根元素。
  • head元素包含有关文档的元信息，比如标题、字符集等，并且会被浏览器解析，但不会在页面上显示。
  • title元素定义文档的标题，它将显示在浏览器的标题栏中。
  • body元素包含文档中所有的文本、图片、链接等内容。
HTML标签

HTML标签是用于定义HTML网页中不同部分的元素。每个标签都有一个开始标签和结束标签，开始标签与结束标签之间的内容就是标签的内容。

下面是一些常用的HTML标签：

<h1>一级标题</h1>
<h2>二级标题</h2>
<p>段落内容</p>
<ul>
    <li>列表项1</li>
    <li>列表项2</li>
</ul>
<a href="http://www.baidu.com">链接</a>
<img src="image.jpg" alt="图片描述">

上面的代码中，h1、h2、p、ul、li、a和img都是HTML标签。

  • h1、h2是用来显示标题的标签，有6个等级，从h1到h6，分别表示不同大小的标题。
  • p是用来显示段落的标签。
  • ul和li是用于显示列表的标签，ul表示无序列表，而li表示列表项。
  • a用于创建链接，href属性用于指定链接地址。
  • img用于显示图片，src属性用于指定图片地址，alt属性用于给图片添加描述。
HTML属性

HTML标签中还可以包含属性，属性可以为标签提供更多的信息或控制其行为。属性是以名称/值对的形式出现的，属性值用引号括起来。

下面是一些常用的HTML属性：

<img src="image.jpg" alt="图片描述" width="100">
<a href="http://www.baidu.com" target="_blank">打开百度</a>
<div id="container" class="wrapper"></div>

上面的代码中，width、target、id和class都是HTML属性。

  • width用于指定图片的宽度。
  • target="_blank"用于在新窗口中打开链接。
  • id用于指定元素的唯一标识。
  • class用于指定元素的类名，可以使用CSS样式表对元素进行样式设计。
结语

以上就是HTML的基本内容，掌握了这些基本知识，你就可以开始编写自己的HTML网页了。HTML还有很多更高级的特性和标签，希望你可以继续深入学习。