JZTXT

HTML简单学习

发布时间 2023-07-17 20:58:04作者: 苙萨汗

介绍：如果你想让你的网页在浏览器中正常显示，你就必须遵循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标签

特殊字符(实体符号)

内容	对应代码
空格	&nbsp;
>	 &gt;
<	 &lt;
&	 &amp;
¥	 &yen;
版权	&copy;
注册	&reg;

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标签之外
		行内元素不能够嵌套块儿级元素，但是可以嵌套所有的行内元素
"""

# 前端里面一般不会轻易的报错!!!!!!!!，你写的代码不正确不规范，没有效果而已，但是不会报错.
# 前端是跟用户打交道的，不能随随便便的报错，要不然体验很差