HTML教程

懒惰等于将自己淘汰。

前言

  在上一节中,我们了解到了什么是HTML,他能干什么,怎么编辑HTML文档和HTML的基础。之后,在这节中,我们将了解HTML元素等内容。

HTML 元素

  HTML文档是由HTML元素定义的。

开始标签元素结束标签
<p>内容</p>
<a href=“index.html”>这是个链接</a>
<br>换行

HTML 元素语法

  • HTML 元素以开始标签开始
  • HTML 元素以结束标签结束
  • 元素的内容是开始标签与结束标签之间的内容
  • 某些 HTML 元素具有空内容(empty content)
  • 空元素在开始标签中进行关闭(以开始标签的结束而结束)
  • 大多数 HTML 元素都可以拥有属性

嵌套的 HTML 元素

  大多数 HTML 元素可以嵌套。HTML 文档由相互嵌套的 HTML 元素构成。

HTML 文档实例

<!DOCTYPE html>
<html>

	<body>
		<p>这是p标签,表示一个段落</p>
	</body>

</html>

不要忘记结束标签

  最好不要忘记结束标签,不过即使您忘记了使用结束标签,大多数浏览器也会正确地显示 HTML。
  不要依赖于不写结束标签,因为忘记使用结束标签会产生不可预料的结果或是错误。

HTML 空元素

  没有内容的 HTML 元素被称为空元素,空元素只有一个开始标签,它们在开始标签中关闭。
  在开始标签中添加斜杠,比如
,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。

使用小写标签

  目前HTML 标签对大小写不敏感:<P> 等同于 <p>。许多网站都使用大写的 HTML 标签。但是我们最好使用小写标签,而未来(X)HTML版本可能会 强制使用小写。

  元素到这一块就没了 ,下面该属性了。

HTML 属性

  • HTML 元素可以设置属性
  • 属性可以在元素中添加附加信息
  • 属性一般描述于开始标签
  • 属性总是以名称/值对的形式出现

属性实例

  HTML 链接由 <a> 标签定义,链接的地址在 href 属性中指定。

<a href="https://blog.csdn.net/JG_Rtp">这是一个链接</a>

常用引用属性值

  属性值应该始终被包括在括号内,双引号是最常用的,不过使用单引号应该也没有什么问题。

使用小写属性

  属性和属性值对大小写不敏感。但是这里也推荐使用小写,因为新版本的 (X)HTML 要求使用小写属性。

HTML 标题

  标题是通过 <h1> ~ <h6> 标签进行定义的。
  <h1> 是最大的标题,<h6> 是最小的标题。

P.S.:由于我们在上一节中已经介绍过了标题,这里不再为大家详细介绍。

HTML 水平线

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

实例:

<p>hr 标签用于定义水平线:</p>
	<hr />
	<p>这是一个段落。</p>
	<hr />
	<p>这是下一个段落。</p>
	<hr />
	<p>这是最后一个段落。</p>

结果:

hr 标签用于定义水平线:


这是一个段落。


这是下一个段落。


这是最后一个段落。

HTML 注释

  我们可以将注释插入到 HTML 代码中,这样不仅可以提高其可读性,还可以使代码更易被人理解。同时浏览器会将注释忽略掉,不显示出来。

实例:

<!-- 我是注释并不会被显示 -->

输出结果就是一片空白啊,这里没办法演示。


结尾

今天的文章就到这里,笔记还没写完。
我们下节再见!

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值