常见html标签总结(一)

1、最简单的html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>最简单的html</title>
</head>
<body>
	
</body>
</html>

2、<!DOCTYPE html>

注意:<!DOCTYPE> 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

3、<html></html>

告诉浏览器这是一个html文档,限定了文档的开头和结束位置。 

4、<head></head>

主要是配置和浏览器的配置信息,给浏览器和搜索引擎看的。

◇<title></title>

告诉浏览器用什么标题显示网页

◇<meta charset="UTF-8">

告诉浏览器用什么格式解析文档(html5)

◇<meta http-equiv="content-type" content="text/html;charset=UTF-8">

告诉浏览器用什么格式解析文档(html4)

◇<meta name="keyword" content="html常见标签">

网页关键字的描述

作用:提升网页在浏览器中被搜索引擎搜索到的概率

◇<meta name="description" content="这是一个关于html常见标签的网页">

网页的描述

作用:提升网页在浏览器中被搜索引擎搜索到的概率

◇<meta name="author" content="Hilarious®">

网页作者的描述

作用:提升网页在浏览器中被搜索引擎搜索到的概率

◇<meta http-equiv="refresh" content="2;http://www.baidu.com">

两秒之后自动跳转百度

注意:跳转到网页如果是网络连接的话,必须是http开头。

◇<link rel="stylesheet" href="">

css引入标签

◇<script type="text/javascript" src=""></script>

js引入标签

◇<base target="_blank">

超链接优化,是同一页面中所有的超链接都具有_blank属性

5、<body></body>

给用户进行数据展现

◇<h1></h1>到<h6></h6>(块级标签)

标题标签

显示效果随着数字的增大而减弱

◇<hr>(块级标签)

水平线标签

○width:设置水平线的宽度

○size:规定水平线的厚度

○color:设置水平线的颜色

○align:设置水平线的位置,默认居中

◇<p></p>(块级标签)

段落标签

◇<br>

换行符

◇<strong></strong>

加粗,可嵌套使用

◇<b></b>

加粗,可嵌套使用

◇<em></em>

斜体,可嵌套使用

◇<i></i>

斜体,可嵌套使用

◇<u></u>

下划线,可嵌套使用

◇<del></del>

中划线,可嵌套使用

猜你喜欢

转载自blog.csdn.net/weixin_42634193/article/details/83472012