HTML中最基本的东西

news2025/1/17 16:24:30

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

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

内容简介

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

标签注释标签

＜!--这是一段注释。注释不会在浏览器中显示。-->

文章段落标签

<p>这是一段普通的段落。</p>

文章标题标签（由大到小）

文章换行标签

<br />

文章换行线标签

<hr>

文本加粗属性标签

<b>这是字体加粗</b>

<strong>这是字体加粗</strong>

文本斜体属性标签

文本下划线属性标签

<u>这是下划线</u>

文本删除线属性标签

<del>这是删除线</del>

文本上标与下标属性标签

规定文本字体属性标签

<font>这是规定字体属性</font>

size 规定字体的大小

color 规定字体的颜色

<font size="10" color="red">这是规定字体属性</font>

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

<!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>

一般这二者会联合起来一起用，代码如下：

<!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>