HTML基础知识

最新推荐文章于 2025-02-12 08:29:30 发布

原创最新推荐文章于 2025-02-12 08:29:30 发布 · 323 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#前端

收录于

前端专栏收录该内容

2 篇文章

订阅专栏

段落元素由 p 标签定义

示例代码1：

</body>

</html>

界面显示：

示例代码2：

<html>

<body>

<h1>春晓</h1>//标题，后面的数字是字的大小

<p>
    春眠不觉晓，
      处处闻啼鸟。
        夜来风雨声，
          花落知多少。
</p>

<p>注意，浏览器忽略了源代码中的排版（省略了多余的空格和换行）。</p>

</body>

</html>

界面显示：

不想在一行显示的时候，就可以用<br />拆行

示例代码：

<html>

<body>

<p>
To brea<br />lines<br />in <br />paragraph,<br />use the br tag.
</p>

</body>

</html>

界面显示：

标题用<h></h>表示

示例代码：

<html>

<body>

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

<p>请仅仅把标题标签用于标题文本。不要仅仅为了产生粗体文本而使用它们。请使用其它标签或 CSS 代替。</p>

</body>

</html>

界面显示：

文字排版问题：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>

<body>

<h1 align="center">This is heading 1</h1>

<p>上面的标题在页面中进行了居中排列。上面的标题在页面中进行了居中排列。上面的标题在页面中进行了居中排列。</p>

</body>

</html>

界面显示：