1.5_HTML基础标签实战演练
基本的 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>
