HTML二(基本标签)_html/css_WEB-ITnose

php中文网

发布： 2016-06-24 11:50:17

原创

1467人浏览过

一、标题

html 标题（heading）是通过

-

等标签进行定义的。

<!--标题--><h1>标题 1</h1><h2>标题 2</h2><h3>标题 3</h3><h4>标题 4</h4><h5>标题 5</h5><h6>标题 6</h6><!--段落--><p>请仅仅把标题标签用于标题文本。不要仅仅为了产生粗体文本而使用它们。请使用其它标签或 CSS 代替。</p>

登录后复制

结果：

标题 1

标题 2

标题 3

标题 4

标题 5 标题 6

二、段落

HTML 段落是通过

标签进行定义的。

<p>这是段落。</p><p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</p><p>这是段落。</p><p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</p><p>这是段落。</p><p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</p><p>段落元素由 p 标签定义。</p>

登录后复制

结果:

这是段落。

立即学习“前端免费学习笔记（深入）”；

这是段落。

立即学习“前端免费学习笔记（深入）”；

这是段落。

立即学习“前端免费学习笔记（深入）”；

段落元素由 p 标签定义。

<!--多行段落和段落中有空格--><p>这个段落在源代码中包含许多行但是浏览器忽略了它们。</p><p>这个段落在源代码       中包含   许多行但是      浏览器忽略了  它们。</p><p>段落的行数依赖于浏览器窗口的大小。如果调节浏览器窗口的大小，将改变段落中的行数。</p>

登录后复制

结果：

这个段落在源代码中包含许多行但是浏览器忽略了它们。

段落的行数依赖于浏览器窗口的大小。如果调节浏览器窗口的大小，将改变段落中的行数。

<h1>春晓</h1><p>    春眠不觉晓，      处处闻啼鸟。        夜来风雨声，          花落知多少。</p><p>注意，浏览器忽略了源代码中的排版（省略了多余的空格和换行）。</p>

登录后复制

结果：

春晓

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

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

三、链接

HTML 链接是通过标签进行定义的。

<a href="http://www.163.com">这是一个连接</a>

登录后复制

结果:这是一个连接

<!--在新的浏览器窗口打开链接 target值设置为_blank--><a href="http://www.163.com" target="_blank">这是一个连,在新窗口中打开</a>

登录后复制

3.1、锚链接

在同一页面内的连接，从一个位置跳到另一个位置

创建锚

显示名称1

连接锚

连接显示名称1

<a href="#a4">连接到a4</a><a name="a4">a4</a>

登录后复制

四、图像

HTML 图像是通过 HTML二(基本标签)_html/css_WEB-ITnose 标签进行定义的。

@@##@@

登录后复制