HTML标签、元素、属性、标题与段落

HTML 标签
1、HTML 文档和 HTML 元素是通过 HTML 标签进行标记的
2、HTML 标签由开始标签和结束标签组成
3、开始标签是被括号包围的元素名
4、结束标签是被括号包围的斜杠和元素名
5、某些 HTML 元素没有结束标签,比如 <br />

注释:开始标签的英文翻译是 start tag 或 opening tag,结束标签的英文翻译是 end tag 或 closing tag。

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

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

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

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

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

<a href="http://www.w3school.com.cn">This is a link</a>

注释:在 href 属性中指定链接的地址。

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

<img src="w3school.jpg" width="104" height="142" />亲自试一试

注释:图像的名称和尺寸是以属性的形式提供的。

HTML 元素
HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。

<p> This is a paragraph </p> 
<a href="default.htm" > This is a link </a> 

HTML 文档由嵌套的 HTML 元素构成。

HTML 文档实例

<html>

<body>
<p>This is my first paragraph.</p>
</body>

</html>

空的 HTML 元素
没有内容的 HTML 内容被称为空元素。空元素是在开始标签中关闭的。

<br /> 就是没有关闭标签的空元素(<br /> 标签定义换行)。

HTML 属性

属性总是以名称/值对的形式出现,比如:name=“value”。

属性总是在 HTML 元素的开始标签中规定。

HTML 链接由 <a> 标签定义。链接的地址在 href 属性中指定:
<a href="http://www.w3school.com.cn">This is a link</a>

HTML 元素的属性:

HTML标签、元素、属性、标题与段落
HTML 标题
标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。

<h1> 定义最大的标题。<h6> 定义最小的标题。

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

应该将 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> 是块级元素

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

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

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

HTML标签、元素、属性、标题与段落

上一篇:自动化办公-3.python自动化之word操作


下一篇:第一天学习html2021-04-28