HTML的头部文件和主体标签

HTML的头部文件和主体标签

完整的HTML文档包括文档头和文档主体两部分


一、文件头部内容

1.标签< base>

位置:放于头部文件中,一个HTML文件只能有一个< base>标签
作用:当超链接标签< a>没有指定href和target的属性时会默认使用标签的内容,反之使用自己的
语法:

<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<base href="文件路径" target="目标窗口" />
	<!-- href:用于设置网页的文件链接地址
		 target:用于设置网页显示的目标窗口,有4个选项
				_blank:在新窗口打开被链接的文档
				_self:默认值,在当前窗口打开被链接的文档
				_parent:在上一级窗口中打开被链接的文档
				_top:在浏览器的整个窗口中打开被链接的文档
	-->
	</head>
	<body>
	</body>
</html>

代码示例:

<html>
	<head>
		<meta charset="utf-8">
		<title>标题</title>
		<base href="http://www.baidu.com" >
	</head>
	<body>
		<a href="">CSDN</a>
	</body>
</html>

2.标签< meta>

位置:放于头部文件中,可以有多个< meta>标签
作用:帮助主页被各大搜索引擎收录,提高网站访问量,定义的信息不会出现在网页中,仅在源文件中显示
语法:

	<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<meta http-equiv="content-type" content="text/html; charset=HZ-GB-2312" />
		<!-- http-equiv:可以帮助正确和精确的显示网页内容,参数有三个,介绍如下:
					   expires:用于设定网页的到期时间,此时content属性设置具体过期时间值
					   refresh:自动刷新并指向新网页,此时content属性设置时间和网页地址,
							   例如content="5;URL=http://www.baidu.com",5代表5s后自动
							   跳转到URL网址,URL=http://www.baidu.com代表新网页的地址
					   content-type:设定网页使用的字符集,此时content属性设置具体的编码方式,
								例如content="text.html;charset=GB-2312"
		-->
		<meta name="参数" content="value" />
		<!-- name:用于描述网页,content中的内容是便于搜索引擎机器人查找信息和分类信息
					   keywords:设置网页关键字,content="计算机,英语",当利用搜索引擎搜索时,
						        输入任何一个关键字都能搜索到该网页
					   author:标注网页的作者
					   description:描述页面的内容
		-->
	</head>
	<body>
		<a href="http://www.baidu.com">CSDN</a>
	</body>
</html>

二、主体部分

1.设置页面背景颜色< bgcolor>

代码如下:

<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body bgcolor="yellow">
	</body>
</html>

效果演示:
在这里插入图片描述

2.设置页面边距< margin>

单位是像素,设置显示内容与浏览器的距离

代码如下:

<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body leftmargin="30" rightmargin="50" bottommargin="80">
		你好啊,李银河
	</body>
</html>

效果演示:

在这里插入图片描述

3.设置正文文本颜色< text>

设置整个网页的文字颜色

代码如下:

<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body text="red" bgcolor="gainsboro">
		你好啊,李银河
	</body>
</html>

效果演示:
在这里插入图片描述

4.设置页面背景< background>

设置背景墙纸所用的图像文件

代码如下:

<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body background="img/1587091718509.jpeg">
		你好啊,李银河
	</body>
</html>

效果演示:
在这里插入图片描述


  • 4
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
HTML(HyperText Markup Language)是一种用于创建网页的标记语言。HTML文件标签、属性和内容组成,其中标签用于定义网页中的元素,属性用于定义元素的特性,内容则是元素所包含的数据。 HTML文件的结构通常包括以下内容: - `<!DOCTYPE html>`:定义文档类型,表示该文件HTML5文档。 - `<html>`:定义HTML文档的根元素。 - `<head>`:定义文档头部,包含了一些元数据,如文档的标题、字符集、样式表等。 - `<body>`:定义文档主体,包含了网页的主要内容。 - `<footer>`:定义文档底部,通常包含了版权信息、联系方式等。 HTML标签是一对尖括号中的文本,如`<p>`表示段落元素,`<a>`表示链接元素。标签可以包含属性,属性用于为标签定义额外的信息,如`<a href="https://www.baidu.com">`表示一个跳转到百度网站的链接。一个标签可以包含其他标签和文本内容,如`<p><a href="https://www.baidu.com">百度</a>是一个搜索引擎。</p>`表示一个包含链接的段落元素。 HTML中常见的标签包括: - `<html>`:定义HTML文档的根元素。 - `<head>`:定义文档头部。 - `<title>`:定义文档的标题。 - `<body>`:定义文档主体。 - `<h1>`-`<h6>`:定义标题元素。 - `<p>`:定义段落元素。 - `<a>`:定义链接元素。 - `<img>`:定义图像元素。 - `<ul>`-`<ol>`:定义列表元素。 - `<table>`:定义表格元素。 HTML中常见的属性包括: - `class`:定义元素的类名。 - `id`:定义元素的唯一标识符。 - `style`:定义元素的样式。 - `href`:定义链接的目标URL。 - `src`:定义图像的URL。 - `alt`:定义图像的替代文本。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

单手提煤气罐

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值