HTML基本元素标签介绍

maro

今天小编为大家带来了有关HTML基本元素标签的教程供大家参考,这篇文章都是一些非常常见的内容,对一些小白用户快速上手非常的友好。

一、什么是HTML

二、HTML相关术语

标记

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

元素

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

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

开始标记 内容 结束标记

属性

用来修饰元素

每个属性都有值

属性放置开始标记中

示例:

HTML基本元素标签一览

三、HTML文档的基本结构

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

文件头由标记标识文档主体部分由标记标识

HTML基本元素标签一览

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

2、head元素

1)、标题元素

:标题元素标题元素的内容出现在九游顶部。没有属性。必须出现在head元素中且只能有一个标题元素。

2)、元数据元素

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

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

META作用举例给网页添加说明(比如网页的作者,关键字等) 给网页增加关键字,提高网页被浏览的机会 定期刷新网页,以秒为单位 解决网页乱码问题 让网页始终保持最新九游为了节约时间,在本地硬盘上保存一个网上问卷的临时版本。当反复浏览该网页时,九游直接调用硬盘上的文件,使用meta强制性调用网上的最新版本

3、Body元素

:超链接标记

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

HTML基本元素标签一览

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

显示在本窗口 默认在本窗口打开, 显示在新窗口 显示在父窗口 显示在整个九游窗口

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

超链接标记共有3种使用方式:

1、链接到其他页面

语法:[免费注册]在同一个文件夹下有两个HTML文件,从一个文件超链接到另一个文件的路径有两种方式:相对路径和绝对路径相对路径:指相对于当前文件的文件位置, 相对路径常使用../表示回到上一级目录。绝对路径:指从根目录到文件的完整路径。

示例:

HTML基本元素标签一览

2、锚链接

从A页面的甲位置跳转到本页中的乙位置(同一页面)。

从A页面的甲位置跳转到B页面的乙位置(两个页面)。步骤:

1、创建锚点

在HTML的NAME属性用于创建锚标记,例如:

乙位置

2、创建跳转链接

使用锚点,在HREF参数中使用该标记,在锚点名前加上#,例如:

甲位置

示例:

HTML基本元素标签一览

注意:

如果是链接在B页面,只需要在href属性里面加上B页面的地址即可,例如:

甲位置

3、电子邮件链接

要链接电子邮件,可在链接标签中插入"mailto"

站长信箱

四、HTML基本语法

一般来说,HTML的语法有三种表达方式,如下所示: <标记> 内容 <标记 属性1="参数1" 属性2="参数2"> 内容 <标记 />

五、HTML基本标签

1、标签元素

标签介绍html元素包括一个或一对标签定义的包含范围。而标签就是由两个字符串“<”和“>”号组成,标签包括开始标签“<>”和结束标签“”。html标签元素有四种形式分别是:空元素:带有属性的空元素:


带有内容的元素: 这是内容 带有内容和属性的元素: 这是内容 这里有一点要说的是在html文档中,标签和属性的名字是和大小无关的。

2、文本相关标签

标题标签 ...... #=1,2,3,4,5,6说明:从

字体大小依次递减。align为设置标题对齐方式:包括Left、Center、Right。

HTML基本元素标签一览

注:H1到H6用于指定不同级别的标题。

字体标签

HTML基本元素标签一览

设置字体,size为字体大小,从1到7的整数,数字越大,字体越大。

特殊符号

HTML基本元素标签一览

设置文本粗体显示。

设备文本斜体显示。

3、行的控制相关标签

段落标签:

可以看作是一个空行,用于创建段落

换行标签

作用是换行

HTML基本元素标签一览


标签:作用是插入一条水平线,属性color用于设置颜色。

HTML基本元素标签一览

4、图像标签

常见的图片格式:

HTML基本元素标签一览

图像标签的基本语法:

HTML基本元素标签一览

src:图像的路径(包括相对路径或绝对路径)。 alt:表示图像的替代文字,即图像不能显示时显示的文字。例如:

   

结果:

HTML基本元素标签一览

title:鼠标悬停时提示的文字。例如:

 

结果:

HTML基本元素标签一览

align:设置图像与文本的对齐方式,取值:middle、top、bottom例如

5、滚动标签