基本页面框架
<!DOCTYPE html> <!-- 文档类型声明标签 -->
<html lang="zh-cn">
<!-- 当前网页语言基础,'en':英文网页 'zh-cn':中文网页 -->
<head>
<title>网页标题</title>
<meta charset="UTF-8"> <!-- 设置字符编码 -->
</head>
<body> <!--body标签的属性:bgcolor表示背景颜色,text表示文本颜色-->
网页主体内容
</body>
</html>
标签的分类
1.根据标签是否关闭:关闭型、非关闭型
关闭型:head、body、title、p、div…(有结束标签)
非关闭型:br、meta、hr、input、image…(没有结束标签)
2.根据标签是否独占一行:块级标签、行级标签
块级标签:h1-h6、p、div…(显示为块状,独占一行)
行级标签:span、i、em、strong…(在行内显示,可以与其他内容在同一行显示)
实体字符
代码 | 实体字符名称 |
---|---|
< | < |
> | > |
& | & |
" | " |
© | © |
® | ® |
≪ | 《 |
≫ | 》 |
¥ | ¥ |
常用标签
标题标签h1-h6
<!-- 标题标签:按照h1-h6逐渐变小,独占一行,加粗显示,有明显的间隔 -->
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
段落标签和换行标签
段落标签p
p标签不能嵌套h1、div等块级标签
<!-- p:段落标签,独占一行,块级标签,并且每个段落之间有明显的间隔 -->
<p>段落一</p>
<p>段落二</p>
换行标签br
br标签是非关闭型标签,使用后段落的间隔没有p标签大
<!-- br标签:换行标签 -->
段落一
<br>
段落二
水平线标签hr(块级标签)
hr : horizontal 水平线
常用属性:
color :