关于HTML基本元素标签介绍

75 篇文章 1 订阅
本文介绍了HTML的基本概念,包括它是超文本标记语言,用于设计网页。HTML文档由文件头和主体两部分构成,头包含标题和元数据,而主体包含内容。元素由开始和结束标记组成,可以有属性来修饰。文章还讨论了<title>、<meta>和<a>标签的重要性和用法。
摘要由CSDN通过智能技术生成

本文介绍了HTML的基本元素标签,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着微点阅读小编来一起学习学习吧

一、什么是HTML

HTML(Hypertext Markup Language):即超文本标记语言,是一种用来设计网页的标记语言,用该语言编写的文件,以.html或.htm为后缀,并且由浏览器解释执行,生成相应的界面。网页文件本身只是一种文本文件,我们通过在文本文件中添加标记符号,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等),这些标记符号就是html,我们学习html就是学习这些标记符号,html标记符号也称为html元素。

二、HTML相关术语

标记

标记是用尖括号<>包围的单词,很多标记是成对的,一个是开始标记,一个是结束标记(单词前加/)

元素

每一对尖括号包围的部分:例如<body></body>包围的部分就叫做body元素

元素通常由三个部分组成:

  • 开始标记
  • 内容
  • 结束标记

属性

用来修饰元素

每个属性都有值

属性放置开始标记中

三、HTML文档的基本结构

1、一个HTML文档可以看成由以下两个部分构成:

文件头
由<HEAD></HEAD>标记标识
文档主体部分
由<BODY></BODY>标记标识

语法:<head>内容</head>


HEAD元素包含了与当前文档相关的信息,如文档的标题,关键字以及一些和文档内容无关仅对文档本身进行说明的数据信息。

2、head元素

1)、标题元素

<title></title>:标题元素
标题元素的内容出现在浏览器顶部。
没有属性。
必须出现在head元素中且只能有一个标题元素。

2)、元数据元素

<meta>元数据元素:设置消息头
meta的意思是“关于”,是关于某个网页的基本信息。
搜索引擎对meta元素中数据进行搜索可以帮助访问者找到该网页
属性

  • name:指定特性名
  • content:指定特性的值
  • http-equiv:使得HTTP服务器根据http-equiv属性的值获取http响应信息头,以便让浏览器按照指定的方式显示页面。

META作用举例
给网页添加说明(比如网页的作者,关键字等)
<meta name="Author" content="Dave Raggett">
给网页增加关键字,提高网页被浏览的机会
<meta name="Keywords" content="这里写关键字">
定期刷新网页,以秒为单位
<meta http-equiv="refresh" content="1">
<meta http-equiv="refresh" content="5;url='http://www.baidu.com'">
解决网页乱码问题
<meta http-equiv="Content-Type" content="text/html;charset=gb2312">
让网页始终保持最新
浏览器为了节约时间,在本地硬盘上保存一个网上问卷的临时版本。当反复浏览该网页时,浏览器直接调用硬盘上的文件,使用meta强制性调用网上的最新版本
<meta http-equiv="Pragma" content="no-cache">

3、Body元素

<a>:超链接标记

基本语法
开始标记:<a>必需
内容:
内联元素(不能嵌套a元素)
结束标记:</a>必需

主要属性
Href:用来说明链接资源的URL
Target:打开链接的窗口,有四个值:

  • <a href=url target="_self"> 显示在本窗口 默认在本窗口打开,
  • <a href=url target="_blank"> 显示在新窗口
  • <a href=url target="_parent"> 显示在父窗口
  • <a href=url target="_top"> 显示在整个浏览器窗口

Title:提示信息:鼠标放上去的提示
Name:锚点名称

来源:微点阅读   https://www.weidianyuedu.com

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值