文章目录
简介
什么是HTML
HTML 是用来描述网页的一种语言。
- HTML 指的是超文本标记语言 (Hyper Text Markup Language)
- HTML 不是一种编程语言,而是一种标记语言 (markup language)
- 标记语言是一套标记标签 (markup tag)
- HTML 使用标记标签来描述网页
HTML 标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
- HTML 标签是由尖括号包围的关键词,比如
- HTML 标签通常是成对出现的,比如 和
- 标签对中的第一个标签是开始标签,第二个标签是结束标签
- 开始和结束标签也被称为开放标签和闭合标签
HTML 文档网页
- HTML 文档描述网页
- HTML 文档包含 HTML 标签和纯文本
- HTML 文档也被称为网页
Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容:
<html>
<head>
<meta charset="UTF-8">
<title>啦啦啦啦~</title>
</head>
<body>
<!--
作者:1716903153@qq.com
时间:2019-06-04
描述:标题
-->
<h1>今天</h1>
<h2>1</h2>
<h3>2</h3>
<h4>3</h4>
<h5>4</h5>
<h6>5</h6>
<p>1233445</p>
</body>
</html>
<!DOCTYPE>声明
声明有助于浏览器中正确显示网页。网络上有很多不同的文件,如果能够正确声明HTML的版本,浏览器就能正确显示网页内容(doctype 声明是不区分大小写的)。
通用声明:
HTML5
<!DOCTYPE html>
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
基础标签练习
- HTML标题:h1-h6
- HTML段落:p
- HTML链接:a
- HTML图像:img
范例:HTML基础标签的使用
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>基础标签的练习</title>
</head>
<body>
<!--对比标题字大小和字体大小关系-->
<h1>丑奴儿</h1>
<font size="6">这是6号字体文本</font>
<!--水平线-->
<hr />
<h2>书博山道中壁</h2>
<font size="5">这是5号字体文本</font>
<hr />
<p>少年不识愁滋味,爱上层楼。爱上层楼,为赋新词强说愁。<br /><!--换行标签-->
而今识尽愁滋味,欲说还休。欲说还休,却道天凉好个秋。</p>
<!--链接标签,href属性表示固定连接-->
<a href="https://baike.baidu.com/item/%E5%8D%B4%E9%81%93%E5%A4%A9%E5%87%89%E5%A5%BD%E4%B8%AA%E7%A7%8B">原文链接</a>
</body>
</html>
运行结果:
注意:属性值应该始终被包括在引号内。
双引号是最常用的,不过使用单引号也没有问题。 在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:name=‘John “ShotGun” Nelson’。
HTML文本格式化
范例:文本格式化练习
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文本格式化练习</title>
</head>
<body>
<b>粗体</b><br />
<strong>加粗</strong><br />
<big>放大</big><br />
<small>缩小</small><br />
<em>着重</em><br />
<i