html标签知识点（上）

最新推荐文章于 2024-05-31 10:24:04 发布

海蒂°

最新推荐文章于 2024-05-31 10:24:04 发布

阅读量183

点赞数

分类专栏：前端文章标签： html

本文链接：https://blog.csdn.net/qq_41592346/article/details/119144075

版权

6 篇文章 1 订阅

订阅专栏

一、web标准

web标准构成：结构、元素、行为
结构就是网页元素：html
表现就是外观样式：css
行为就是交互：js

在这里插入图片描述

工具sublime：在这里插入图片描述
备注：如果在使用sublime时输入【! + tab】不生效，未生成html骨架，那么需要按照插件，具体步骤：sublime中【! + tab】未生效解决方法

1.1双标签（常规元素），如：

<body></body>

1.2单标签（空元素），如：

<br />

2.1嵌套关系（父子关系），如：

<html>
	<head>
	</head>
</html>

2.2并列关系（兄弟关系），如：

	<head>
	</head>
	<body>
	</body>

3.1排版标签

标题标签h：<h1></h1> - <h6></h6>
段落标签p：<p></p>
水平线标签：<hr />
换行标签：<br />
div和span标签：页面布局标签

在这里插入图片描述

3.2文本格式化标签

文字加粗：<b></b>或<strong></strong>
文字斜体：<i></i>或<em></em>
文字加删除线：<s></s>或<del></del>
文字加下划线：<u></u>或<ins></ins>

在这里插入图片描述
3.3标签属性

3.4图像标签

语法如：<img src="图像url"/>

在这里插入图片描述
3.5链接标签

语法如：<a herf="跳转目标" target="目标窗口弹出的方式">文字或图像</a>
点击图像跳转百度例子：<a herf="http://www.baidu.com"><img src="imge.jpg"/></a>

在这里插入图片描述
3.6注释标签

语法：<!-- 注释语句 -->
快捷键：ctr + / 或者ctr + shift + /

3.7路径

相对路径：同一级路径、上一级路径、下一级路径
绝对路径：完整的地址，如：https://blog.csdn.net/qq_41592346?spm=1001.2100.3001.5343

字符编码：
在这里插入图片描述

特殊符号在网页上展示的替代代码：

关注