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

WBOY
Release: 2016-06-24 11:50:17
Original
1271 people have browsed it

一、标题

HTML 标题(Heading)是通过

-

等标签进行定义的。

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

结果:

标题 1

标题 2

标题 3

标题 4

标题 5 标题 6

二、段落

HTML 段落是通过

标签进行定义的。

<p>这是段落。</p><p>这是段落。</p><p>这是段落。</p><p>段落元素由 p 标签定义。</p> 
Copy after login

结果:

这是段落。

这是段落。

这是段落。

段落元素由 p 标签定义。

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

结果:

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

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

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

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

结果:

春晓

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

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

三、链接

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

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

结果:这是一个连接

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

3.1、锚链接

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

创建锚

显示名称1

连接锚

连接显示名称1

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

四、图像

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

<img  src="图像路径"  / alt="HTML二(基本标签)_html/css_WEB-ITnose" >
Copy after login

 

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!