入门

今天,我们来学习HTML的基础知识。
首先,你得知道HTML是什么,它由什么组成。
HTML中有很多标签,如<html>、<head>、<body>等。它们还有一定的结束标签,比如</html>、</head>、</body>等。
这些标签有各自的功能,如<b>标签用于加粗文字</b>。

在HTML中,<html>标签是整个HTML文档的根元素,它包含文档的所有内容。<head>标签用于定义文档的头部信息,如标题、元数据等。<body>标签用于定义文档的主体内容,整个HTML文档的所有展示的内容都包含在<body>标签中。

接下来,我们来学习一些常用的HTML标签:

  • <h1>到<h6>:用于定义标题,数字越小,标题级别越高。
  • <p>:用于定义段落。
  • <a>:用于定义超链接,可以通过href属性指定链接地址。
  • <img>:用于插入图片,可以通过src属性指定图片地址。
  • <ul>和<ol>:分别用于定义无序列表和有序列表。
  • <li>:用于定义列表项,必须包含在<ul>或<ol>标签内。
  • <div>:用于定义块级元素,可以用于布局和样式。
  • <span>:用于定义行内元素,可以用于样式。
  • <s>:用于定义删除线文本。
  • <u>:用于定义下划线文本。
  • <nobr>:用于定义不换行文本。

那么<!doctype html>是干什么的呢?

<!doctype html>声明用于告诉浏览器当前文档使用的是HTML5标准,这样浏览器就能正确地解析和渲染页面内容。

接下来看一看一个html实例:

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>Hello, World!</h1>
    <p>This is my first HTML page.</p>
</body>
</html>

这个实例展示了一个简单的HTML页面结构。它包含了DOCTYPE声明、html标签、head标签和body标签。在head标签中,我们定义了字符编码和视口设置,以及页面标题。在body标签中,我们使用h1标签定义了一个标题,使用p标签定义了一个段落。