您将在稍后的篇幅学习到 HTML 列表
标签:
1、HTML 标题标题(Heading)是通过 <h1> - <h6> 等标签进行界说的。
<h1> 界说最大的标题。<h6> 界说最小的标题。
实例 <h1>This is a heading</h1> <h2>This is a heading</h2> <h3>This is a heading</h3 标题很重要请确保将 HTML heading 标签只用于标题。不要仅仅是为了孕育产生粗体或大号的文本而使用标题。
搜索引擎使用标题为您的网页的布局和内容体例索引。
因为用户可以通过标题来快速浏览您的网页,所以用标题来泛起文档布局是很重要的。
应该将 h1 用作主标题(最重要的),其后是 h2(次重要的),再其次是 h3,以此类推。
HTML 程度线<hr /> 标签在 HTML 页面中创建程度线。
hr 元素可用于分隔断绝分手内容。
实例 <p>This is a paragraph</p> <hr /> <p>This is a paragraph</p> <hr /> <p>This is a paragraph</p> HTML 注释可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。
注释是这样写的:
实例 <!-- This is a comment -->可以把 HTML 文档支解为若干段落。
HTML 段落
段落是通过 <p> 标签界说的。
实例 <p>This is a paragraph</p> <p>This is another paragraph</p>注释:浏览器会自动地在段落的前后添加空行。(<p> 是块级元素)
提示:使用空的段落符号 <p></p> 去插入一个空行是个坏习惯。用 <br /> 标签取代它!(但是不要用 <br /> 标签去创建列表。不要着急,您将在稍后的篇幅学习到 HTML 列表。)
不要忘记结束标签
即使忘了使用结束标签,大大都浏览器也会正确地将 HTML 显示出来:
实例 <p>This is a paragraph <p>This is another paragraph上面的例子在大大都浏览器中都没问题,但不要依赖这种做法。忘记使用结束标签会孕育产生意想不到的功效和错误。
注释:在未来的 HTML 版本中,不允许省略结束标签。
提示:通过结束标签来封锁 HTML 是一种经得起未来考验的 HTML 编写要领。清楚地符号某个元素在何处开始,并在何处结束,岂论对您还是对浏览器来说,城市使代码更容易理解
HTML 折行如果您但愿在不孕育产生一个新段落的情况下进行换行(新行),请使用 <br /> 标签:
<p>This is<br />a para<br />graph with line breaks</p><br /> 元素是一个空的 HTML 元素。由于封锁标签没有任何意义,因此它没有结束标签。
<br> 还是 <br />您也许发明 <br> 与 <br /> 很相似。
在 XHTML、XML 以及未来的 HTML 版本中,不允许使用没有结束标签(闭合标签)的 HTML 元素。
即使 <br> 在所有浏览器中的显示都没有问题,使用 <br /> 也是更久远的保障。
style 属性的感化:
供给了一种转变所有 HTML 元素的样式的通用要领。
样式是 HTML 4 引入的,它是一种新的首选的转变 HTML 元素样式的方法。通过 HTML 样式,能够通过使用 style 属性直接将样式添加到 HTML 元素,或者间接地在独立的样式表中(CSS 文件)进行界说。
HTML 样式实例 - 配景颜色background-color 属性为元素界说了配景颜色:
<html> <body> <h2>This is a heading</h2> <p>This is a paragraph.</p> </body> </html> HTML 样式实例 - 字体、颜色和尺寸font-family、color 以及 font-size 属性分袂界说元素中文本的字体系列、颜色和字体尺寸:
<html> <body> <h1>A heading</h1> <p>A paragraph.</p> </body> </html> HTML 样式实例 - 文本对齐text-align 属性规定了元素中文本的程度对齐方法:
<html> <body> <h1>This is a heading</h1> <p>The heading above is aligned to the center of this page.</p> </body> </html> 4、HTML 文本格局化HTML 可界说很多供格局化输出的元素,好比粗体和斜体字。
文本格局化:
<html>
<body>
<b>This text is bold</b>
<br />
<strong>This text is strong</strong>
<br />
<big>This text is big</big>
<br />
<em>This text is emphasized</em>
<br />
<i>This text is italic</i>
<br />
<small>This text is small</small>
<br />
This text contains
<sub>subscript</sub>
<br />
This text contains
<sup>superscript</sup>
</body>
</html>
文本与格局化:
<html>
<body>
<pre>
这是
预格局文本。
它保存了
空格
和换行。
</pre>
<p>pre 标签很适合显示计算机代码:</p>
<pre>
for i = 1 to 10
print i
next i
</pre>
</body>
</html>
地点:
<!DOCTYPE html>
<html>
<body>
温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/31957.html