介绍:如果你想让你的网页在浏览器中正常显示,你就必须遵循HTML标签
HTML文件的后缀名是.html
HTML文档介绍:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title> # 标签顶部显示的内容
</head>
<body>
</body>
</html>
# head标签一般写的不是让用户看的
# body标签一般写什么内容,浏览器中就能够看到什么内容,给用户看的
body中常用的标签
基本标签
<b>加粗</b>
<i>斜体</i>
<u>下划线</u>
<s>删除</s>
<p>段落标签</p>
<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>
换行标签:<br>
水平线标签:<hr>
标签的分类一
块儿级元素
# 独占一行,不管自身有多大,他自己就占一行
h1标题标签都是
p标签
hr标签
行内元素(内联元素)
# 自身文本有多大就占多大,不会独占一行
<b>加粗</b>
<i>斜体</i>
<u>下划线</u>
<s>删除</s>
标签的分类二
双标签
<b>加粗</b>
<i>斜体</i>
<u>下划线</u>
<s>删除</s>
h1标题标签都是
p标签
a标签
单标签
hr标签
br标签
img标签
特殊字符(实体符号)
内容 对应代码
空格
> >
< <
& &
¥ ¥
版权 ©
注册 ®
div标签和span标签
div标签
span标签
这两个标签没有实际的意义,一般用来'布局'使用
div它是块儿级元素,给页面占布局
span标签是行内元素,用来给文本内容占布局
标签的嵌套
# 我们使用亲戚关系来表示标签之间的关系
<div> #div标签是p标签的父标签
<p> #p标签是div标签的儿子,是span标签的父标签
<span></span> #span标签是p的儿子,是div的孙子
</p>
<p></p> # p标签是div标签的儿子,是p标签的兄弟,也是span的兄弟标签
<span></span>
</div>
"""
注释事项:
块级儿级元素能够嵌套所有的行内元素,块儿级元素也能够嵌套所有的块儿级元素,但是出了p标签之外
行内元素不能够嵌套块儿级元素,但是可以嵌套所有的行内元素
"""
# 前端里面一般不会轻易的报错!!!!!!!!,你写的代码不正确不规范,没有效果而已,但是不会报错.
# 前端是跟用户打交道的,不能随随便便的报错,要不然体验很差
标签:span,标签,元素,标题,学习,HTML,简单,div
From: https://www.cnblogs.com/yexinli/p/17561208.html