HTML常用标签，认识浏览器

最新推荐文章于 2023-11-29 11:05:06 发布

漫山谷

最新推荐文章于 2023-11-29 11:05:06 发布

阅读量228

点赞数

文章标签： html5

本文链接：https://blog.csdn.net/weixin_63494309/article/details/123979017

版权

本文介绍了HTML的常见标签，包括文本声明、语言、字符编码、注释、结构标签、块级元素、行内元素、内联块状元素等，并详细讲解了每个标签的作用和用法。此外，还概述了主流浏览器及其内核，强调了浏览器在显示和运行网页内容的角色。

摘要由CSDN通过智能技术生成

HTML 常用标签，认识浏览器

一、HTML常用标签

1. 文本类型声明标签：

<!DOCTYPE html> //指定文档的类型，为html类型。

2.lang语言标签：用来定义当前文档显示的语言。

例如：
<html lang="en"> //定义语言为英语
<html lang="zh-CN">//定义语言为中文（但都可以显示另外一种语言）

3. 字符标签：规定HTML文档应该使用哪种字符编码。

例如：
<meta charset="UTF-8" /> //定义字符集，UTF-8 解释中文乱码

4.注释标签：`` //解释HTML文档

5结构标签：

<html>    //开始标签，对应结束标签

	<head>     //html必备标签，表示头部
	
			<title>     //设置网页标题，最后显示在浏览器的头部

			</title>
			
	</head>

	<body>     //html必备标签，表示身体

	</body>
	
</html>

6.块级元素

（1）标题标签：<hn> </hn>：h1~h6
（2）段落标签：<p> </p>
（3）区域标签：<div>
（4）列表标签：有序列表：<ol>【ol>li】（li为列表项）
无序列表：<ul>【ul>li】
（5）表格元素：<table>【table>tr>td】
(表头单元格<th> 其余单元格<td>)
（6）定义文档和文章拥有者的联系信息：<address>
（7）引用长文本：<blockquote>
（8）表单元素：<form>
表单元素包括：文本框(type=“text/password”)
按钮(type=“submit/reset”)
单选(type=“radio”)
复选(type=“checkbox”)
下拉列表(slect,option)
文本域(Textarea)
（11）水平线：<hr/>
（12）预格式化：<pre>

7.行内元素

（1）超链接标签：<a>【必须有（href：链接到哪个地址）属性】
a.内部链接：eg: <a href="news.html">新闻</a>.
b.外部链接：eg: <a href="http://www.baidu.com">百度</a>
【http：//必须写】
c.空链接：eg: <a href="#">板块二</a>
d.下载链接：如果href里面地址是个文件或者压缩包，会下载这个文件。
e.网页元素链接：如文本，图像，表格，音频，视频都可以添加超链接。
f.锚点链接：点击超链接，可以快速定位到页面的某个位置。

（2）行内组合：<span>
（3）段内换行：<br>
（4）倾斜：<em> / <i>
（5）加粗：<strong>
（6）<code>：用于表示计算机源代码或者其他机器可以阅读的文本内容
（7）<lable>：为input元素定义标注
（8）<q>：定义短的引用
eg: <q> Here is a short quotation here is a quotation</q>
显示： Here is a short quotation
（9）<var>：短语标签
eg: <var>x</var>
显示：x
（10）<cite>：表示它对所包含的文本对某个参考文献的引用
（11）<br/>：单标签元素

8. 内联块状元素

（1）图像标签：<img>（必须有src属性）
补充：
a.相对路径:图片相对于HTML页面的位置
相对路径分类：同一路径、下一路径、上一路径
b.绝对路径:指目录下的的绝对位置，直接到达目标位置，通常从盘符开始路径
（2）<input>:用于表单，有很多属性，如：name,value,id,style,type