当前位置 博文首页 > 不负时光可怜人:【前端基础】快速入门HTML
HTML 的全称为:HyperText Mark-up Language, 指的是超文本标记语言。 标记:就是标签, <标签名称> </标签名称>
, 比如: <html></html>、<h1></h1>
等,标签大多数都是成对出现的。
所谓超文本,有两层含义:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>网页标题</title>
</head>
<body>
网页显示内容
</body>
</html>
<!DOCTYPE html>
是文档声明, 用来指定页面所使用的html的版本, 这里声明的是一个html5的文档。<html>...</html>
标签是开发人员在告诉浏览器,整个网页是从<html>
这里开始的,到<html>
结束,也就是html文档的开始和结束标签。<head>...</head>
标签用于定义文档的头部,是负责对网页进行设置标题、编码格式以及引入css和js文件的。<body>...</body>
标签是编写网页上显示的内容。<!-- 1、成对出现的标签:-->
<h1>h1标题</h1>
<div>这是一个div标签</div>
<p>这个一个段落标签</p>
<!-- 2、单个出现的标签: -->
<br> <!--换行-->
<img src="images/pic.jpg" alt="图片">
<hr>
<!-- 3、带属性的标签,如src、alt 和 href等都是属性 -->
<img src="images/pic.jpg" alt="图片">
<a href="http://www.baidu.com">百度网</a>
<!-- 4、标签的嵌套 -->
<div>
<img src="images/pic.jpg" alt="图片">
<a href="http://www.baidu.com">百度网</a>
</div>
Notice:
更多关于标签部分内容,参考下方实例链接,通过一个个小实例去理解知识是个不错的学习方法。
在 HTML 中,某些字符是预留的。
在 HTML 中不能使用小于号(<)和大于号(>),这是因为浏览器会误认为它们是标签。
如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体(character entities)。 字符实体类似这样:
&entity_name;
或
&#entity_number;
如需显示小于号,我们必须这样写:< 或 < 或 <
🔶提示: 使用实体名而不是数字的好处是,名称易于记忆。不过坏处是,浏览器也许并不支持所有实体名称(对实体数字的支持却很好),。