HTML基础标签（详细，适合初学者）_html中cont标签基础标签-CSDN博客

本文链接：https://blog.csdn.net/qq_63874755/article/details/131501623

基础标签：(VScode注释快捷键 ctrl+/)

<!DOCTYPE html>

<head>

<!-- charset = "UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta name ="keywords" content ="html css ">
<!--网站标题 -- >
<title>标题<title>
</head>
<body>
多喝热水对嗓子好
</body>
</html>

块标签 (它占一整行并且多个空格跟回车只会被解析为一个空格）p标签不能包括其他的块标签(

div标签容器专门用来包括其他标签的也可以叫盒子标签

h1~h6 标题标签字体依次从大到小

,使字体加粗，strong语义化更强表示重点

i，em 标签使字体倾斜 em语义化更强

a标签：超链接标签

target+跳转方式：

_self当前页，（默认样式），
_blank新开一个网页打开网址，（点几次开几个），
_new新开一个网页打开网址，（点多开一）。

锚点：

通过id进行标记

然后通过id选择器跳转到标记位置

例子：

单标签

换行标签一个标签表示换一行有几个br标签表示换几行

<hr> 分割线

插入图像标签

<img src="文件路径"/>

img

属性：

src='路径'

alt 图片加载不出来时的提示文字

width='图片宽度'

height='图片高度'

例：

<img src="图片地址" alt=" " width=" " height=" ">

<!Doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>HTML</title>
	</head>
		<body>
			<p>展示的图片：</p>
			<img src="p.jpg" width="500" alt="未显示">
		</body>
</html>

路径：

绝对路径：

从根目录出发的也就是我们的d盘或者c盘这种 (开发的时候不要用绝对路径)

C:\Users 基础标签

相对路径：

以文件所在的文件当前目录为起点

/当前文件查找

.../往上级文件夹查找

列表

有序列表：可通过type改变序号样式。（默认：i,I,a,A）

可以通过type属性改变序号样式 1(默认) i I a A
<ol type='I'>
<li>打开冰箱</li>
<li>把大象放进去</li>
<li>关上冰箱</li>
</ol>
ikun

无序列表

可以通过type属性改变圆点样式
 实心圆:disc(默认样式)
 空心圆:circle
 实心方块:square
<ul type='square'>
<li> 唱</li>
<li> 跳</li>
<li> rap</li>
<li> 篮球</li>
</ul>