HTML中最基本的东西

本文内容的标签，将是看懂HTML的最基本之基本，是跟您在写文章时候一样内容。一般想掌握极其容易，但是也要懂得如何使用，过目不忘，为手熟尔。才是我们学习的最终目的。其实边看边敲都行，或者是边看边复制粘贴运行就好。

该文章为个人成长笔记，仅供学习研究，感谢您的阅览。

内容简介

...................................以下就是，很容易的。

标签注释标签
＜!--这是一段注释。注释不会在浏览器中显示。-->
文章段落标签
<p>这是一段普通的段落。</p>
文章标题标签（由大到小）
<h1>这是h1标题</h1>

文章换行标签

<br />

文章换行线标签

<hr>
文本加粗属性标签
<b>这是字体加粗</b>
<strong>这是字体加粗</strong>
文本斜体属性标签
<i>这是斜体</i>
文本下划线属性标签
<u>这是下划线</u>
文本删除线属性标签
<del>这是删除线</del>
文本上标与下标属性标签
<sup>这是上标</sup>
<sub>这是下标</sub>
规定文本字体属性标签
<font>这是规定字体属性</font>
size 规定字体的大小
color 规定字体的颜色
<font size="10" color="red">这是规定字体属性</font>

以上内容中和运用，代码如下：

html 复制代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <!--这是一段注释。注释不会在浏览器中显示。-->
    <p>这是一段普通的段落。</p><br /><hr>
    <h1>这是h1标题</h1><br /><hr>
    <h2>这是h2标题</h2><br /><hr>
    <h3>这是h3标题</h3><br /><hr>
    <h4>这是h4标题</h4><br /><hr>
    <h5>这是h5标题</h5><br /><hr>
    <h6>这是h6标题</h6><br /><hr>
    <b>这是字体加粗</b><br /><hr>
    <strong>这是字体加粗</strong><br /><hr>
    <i>这是斜体</i><br /><hr>
    <u>这是下划线</u><br /><hr>
    <del>这是删除线</del><br /><hr>
    <sup>这是上标</sup><br /><hr>
    <sub>这是下标</sub><br /><hr>
    <font size="10" color="red">这是规定字体属性</font><br /><hr>
    <pre>       会保留缩进
            会保留缩进
                会保留缩进
            会保留缩进
         会保留缩进
    </pre><br /><hr>
    <code>会保留部分标签元素</code><br /><hr>
    <code>function sayHello() {
  console.log("Hello, World!");
  if (true) {
    console.log("This is a conditional statement.");
  }
}
sayHello();
</code><br /><hr>
</body>
</html>

运行效果如下，可以开两个页面对照着看，不然您自己可以上手敲一哈。

预格式化的文本标签
<pre>会保留缩进</pre>
行内代码元素标签
<code>会保留部分标签元素</code>
一般这二者会联合起来一起用，代码如下：

html 复制代码

<!DOCTYPE html>
<html lang="en">
<head>
  <title>显示代码示例</title>
</head>
<body>
  <h1>以下是一段 JavaScript 代码示例：</h1>
  <pre>
    <code>
function sayHello() {
  console.log("Hello, World!");
  if (true) {
    console.log("This is a conditional statement.");
  }
}
sayHello();
    </code>
  </pre>
</body>
</html>

另外做个补充

<title>我是网页窗口的标题，你往上看这几个标签就是我</title>