1.1.学习HTML的基本标签知识

卿音

已于 2022-04-15 12:22:58 修改

阅读量468

点赞数 2

分类专栏： HTML 文章标签： web html5 前端

于 2022-04-14 17:10:20 首次发布

本文链接：https://blog.csdn.net/weixin_45204443/article/details/124144481

版权

HTML 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

一个页面由四个部分组成的。

文档声明：<!DOCTYPE html>
HTML标签对：<html></html>
head标签对：<head></head>
body标签对：<body></body>

这是HTML的基础结构。

在HTML中，一般来说只有6个标签能放在head标签内。title、meta、link、style、script、base标签。

（1）<title></title>是定义网页的标题的标签。

--->运行结果：

（2）<meta>标签，

用于定义页面的特殊信息，如页面的关键字、页面描述等，这些信息是提供给搜索引擎蜘蛛看的（如百度蜘蛛、谷歌蜘蛛）（一般我们把搜索引擎形象称为搜索蜘蛛或搜索机器人）。

meta的两个重要属性：name、http-equiv

<!DOCTYPE html>
<html>
	<head>
        <meta http-equiv="Content-Type" content="text/html";charset="utf-8">
        <meta http-equiv="refresh" content="6;url=http://www.baidu.com">
		<!--<meta charset="utf-8">这是简写-->
		<title>欢迎学习</title>
        <meta name="keywords" content="1.学习前端知识">
        <meta name="description" content="2.学习前端知识">
        <meta name="author" content="3.学习前端知识">
        <meta name="copyright" content="4.学习前端知识">
	</head>
	<body>
		
	</body>
</html>

name的属性取值：

属性值	说明
keyword	网页的关键字，可以是多个
description	网页描述
author	网页作者
copyright	版权信息

http-equiv属性的作用：定义网页所用的编码，定义网页自动刷新跳转

（3）style标签

用于定义元素的CSS样式，语法如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style type="text/css">
		/*这里写css样式*/
		</style>
	</head>
	<body>	
	</body>
</html>

（4）script标签：定义页面js代码块

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script type="text/javascript">
		/*这里写javaScript*/
		</script>
	</head>
	<body>	
	</body>
</html>

<link>标签语法

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link type="text/css" rel="stylesheet" href="css/index.css">
	</head>
	<body>	
	</body>
</html>

<body>标签：

在HTML中，head标签表示页面的“头部”，而body标签表示页面的“身体”。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		
	</head>
	<body>	
	<h1>静夜思</h1>
	<p>床头明月光，疑是地上霜</p>
	<p>举头望明月，低头思故乡</p>
	</body>
</html>

运行结果

HTML的注释：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		
	</head>
	<body>	
	<h1>静夜思</h1>
<!--	<p>床头明月光，疑是地上霜</p>  -->
	<p>举头望明月，低头思故乡</p>
	</body>
</html>

注释不展示在页面中，结果如图

卿音

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
1.1.学习HTML的基本标签知识

一个页面由四个部分组成的。文档声明：<!DOCTYPE html>HTML标签对：<html></html>head标签对：<head></head>body标签对：<body></body>这是HTML的基础结构。<meta charset="utf-8">这串代码是告诉浏览器，该页码所用的编码是utf-8这是HTML5的简写格式。<title></title>是
复制链接

扫一扫