180212-HTML之元素,属性,标题,段落及文本格式化【连续第壹佰零六天】

HTML元素:

主要就是对一些标签的用法

<html>元素用于定义HTML文档;
HTML元素语法:
1).HTML元素以开始标签(<..>)起始,故又称起始标签;
2).HTML元素以结束标签(<..>)终止,故又称闭合标签
(注:有时即使忘记了使用结束标签,大多数浏览器也会正确地显示 HTML,因为关闭标签是可选的。);
3).元素内容是开始标签和结束标签之间的内容;
4).某些HTML元素具有空内容
5).空标签在开始标签中进行关闭(一开始标签的结束而结束)
6).大多数HTML元素可具有属性

嵌套的HTML元素:

例:

<html>
<body>
<p>这是第一个段落。</p>
</body>
</html>
上述例子包含了3个HTML元素
<p>元素:
这个 <p> 元素定义了 HTML 文档中的一个段落。
这个元素拥有一个开始标签 <p> 以及一个结束标签 </p>.
元素内容是: 这是第一个段落。
<body>元素:
<body> 元素定义了 HTML 文档的主体。
这个元素拥有一个开始标签 <body> 以及一个结束标签 </body>。
元素内容是另一个 HTML 元素(p 元素)。
<html>元素:
<html> 元素定义了整个 HTML 文档。
这个元素拥有一个开始标签 <html> ,以及一个结束标签 </html>.
元素内容是另一个 HTML 元素(body 元素)。

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

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

在开始标签中添加斜杠,比如 <br />,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。

即使 <br> 在所有浏览器中都是有效的,但使用 <br /> 其实是更长远的保障。

下面是一个实例操作:

运行结果:

注:HTML 标签对大小写不敏感:<P> 等同于 <p>(但最好用小写)

HTML属性:

属性是 HTML 元素提供的附加信息。

1).HTML中元素可以设置属性;

2).属性可以在HTML中添加附加信息;

3).属性一般描述于开始标签;

4).属性总是以名称/值对的形式出现,比如:name="value";

 属性实例:

<a href = "http://blog.csdn.net/HanGHhao">这是一个链接</a>
HTML 链接由 <a> 标签定义。链接的地址在href 属性中指定
HTML属性常以引用显示:
属性值应该始终被包括在引号内。
双引号是最常用的,不过使用单引号也没有问题。(如属性值本身就含有双引号,那么必须使用单引号

HTML标题:

标题是通过 <h1> - <h6> 标签进行定义的.

<h1> 定义最大的标题。 <h6> 定义最小的标题。(注: 浏览器会自动地在标题的前后添加空行。)

水平线:

<hr> 标签在 HTML 页面中创建水平线,hr 元素可用于分隔内容。

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

注释写法如下:

<!--.........-->

注:开始括号之后(左边的括号)需要紧跟一个叹号,结束括号之前(右边的括号)不需要

HTML段落:

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

实例:

注:浏览器会自动地在段落的前后添加空行。(</p> 是块级元素)

拆行:

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

实例:

HTML文本格式化:

标签格式化:HTML 使用标签 <b>("bold") 与 <i>("italic") 对输出的文本进行格式, 如:粗体 or 斜体

通常标签 <strong>替换加粗标签<b>来使用, <em>替换 <i>标签使用。

然而,这些标签的含义是不同的:                                                                  

<b><i>定义粗体或斜体文本。

<strong>或者 <em>意味着你要呈现的文本是重要的,所以要突出显示。现今所有主要浏览器都能渲染各种效果的字体。

不过,未来浏览器可能会支持更好的渲染效果。

具体实例:

运行结果:

目标: 继续学习HTML

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值