欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

常见html标签总结(一)

程序员文章站 2022-05-10 15:12:49
...

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>

中划线,可嵌套使用

相关标签: html