1.5_HTML基础标签实战演练

2022-10-15,,,,

基本的 HTML 标签

HTML 标题

HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。

<h1>This is a heading</h1>

<h2>This is a heading</h2>

<h3>This is a heading</h3>

head定义和用法

<head> 标签用于定义文档的头部,它是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。

<html>

<head>

<title>文档的标题</title>

</head>

<body>

文档的内容... ...

</body>

</html>

HTML 段落

HTML 段落是通过 <p> 标签进行定义的。

<p>This is a paragraph.</p>

<p>This is another paragraph.</p>

HTML 链接

HTML 链接是通过 <a> 标签进行定义的。
<a> 标签定义超链接,用于从一张页面链接到另一张页面。
<a> 元素最重要的属性是 href 属性,它指示链接的目标。

<a href="http://www.baidu.com">百度一下</a>

HTML 图像

HTML 图像是通过 <img> 标签进行定义的。

<img src="w3school.jpg" width="104" height="142" />

HTML 注释

可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。 注释是这样写的:

<!-- This is a comment -->

HTML 换行

如果您希望在不产生一个新段落的情况下进行换行(新行),请使用 <br /> 标签:

<p>This is<br />a para<br />graph with line breaks</p>

HTML Div

<div> 可定义文档中的分区或节(division/section)。 <div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。 如果用 id 或 class 来标记 <div>,那么该标签的作用会变得更加有效。

更多标签 请见:http://www.w3school.com.cn/tags/index.asp

示例:

<html>
<hand>
<title>我要自学网</title>
</hand> <body>
<!---注释-->
<!--图片标签-->
<img src="D:\学习\selenium自动化测试\课程素材\sc1\代码\Logo.png" width=200 high="100">
<!--标题标签-->
<h1>自学网口号</h1>
<h2>自学网口号</h2>
<!--段落标签-->
<!--<br/>是换行标签-->
<p>自学成才,<br/>快速成功</p>
<p>增加收入,改变命运</p>
<p>这是一个神奇的网站,你值得拥有</p>
<!--超链接标签-->
<a href="http://www.baidu.com">百度一下</a> <div style="background-color:yellow;height:200;width:200">
<p>这是一个div区域,分区,节</p>
<a href="http://www.w3school.com.cn/tags/index.asp">更多标签</a>
</div>
</body> </html>

1.5_HTML基础标签实战演练的相关教程结束。

《1.5_HTML基础标签实战演练.doc》

下载本文的Word格式文档,以方便收藏与打印。