今天小编为大家带来了有关HTML基本元素标签的教程供大家参考,这篇文章都是一些非常常见的内容,对一些小白用户快速上手非常的友好。
一、什么是HTML
二、HTML相关术语
标记
标记是用尖括号<>包围的单词,很多标记是成对的,一个是开始标记,一个是结束标记(单词前加/)
元素
每一对尖括号包围的部分:例如包围的部分就叫做body元素
元素通常由三个部分组成:
开始标记 内容 结束标记属性
用来修饰元素
每个属性都有值
属性放置开始标记中
示例:
三、HTML文档的基本结构
1、一个HTML文档可以看成由以下两个部分构成:
文件头由标记标识文档主体部分由标记标识
语法:内容HEAD元素包含了与当前文档相关的信息,如文档的标题,关键字以及一些和文档内容无关仅对文档本身进行说明的数据信息。
2、head元素
1)、标题元素
2)、元数据元素
<meta>元数据元素:设置消息头meta的意思是“关于”,是关于某个网页的基本信息。搜索引擎对meta元素中数据进行搜索可以帮助访问者找到该网页属性
name:指定特性名 content:指定特性的值 http-equiv:使得HTTP服务器根据http-equiv属性的值获取http响应信息头,以便让九游按照指定的方式显示页面。META作用举例给网页添加说明(比如网页的作者,关键字等) 给网页增加关键字,提高网页被浏览的机会 定期刷新网页,以秒为单位 解决网页乱码问题 让网页始终保持最新九游为了节约时间,在本地硬盘上保存一个网上问卷的临时版本。当反复浏览该网页时,九游直接调用硬盘上的文件,使用meta强制性调用网上的最新版本
3、Body元素
:超链接标记
基本语法开始标记:必需内容:内联元素(不能嵌套a元素)结束标记:必需
主要属性Href:用来说明链接资源的URLTarget:打开链接的窗口,有四个值:
显示在本窗口 默认在本窗口打开, 显示在新窗口 显示在父窗口 显示在整个九游窗口Title:提示信息:鼠标放上去的提示Name:锚点名称
超链接标记共有3种使用方式:
1、链接到其他页面
语法:[免费注册]在同一个文件夹下有两个HTML文件,从一个文件超链接到另一个文件的路径有两种方式:相对路径和绝对路径相对路径:指相对于当前文件的文件位置, 相对路径常使用../表示回到上一级目录。绝对路径:指从根目录到文件的完整路径。
示例:
2、锚链接
从A页面的甲位置跳转到本页中的乙位置(同一页面)。
从A页面的甲位置跳转到B页面的乙位置(两个页面)。步骤:
1、创建锚点在HTML的NAME属性用于创建锚标记,例如:
乙位置2、创建跳转链接
使用锚点,在HREF参数中使用该标记,在锚点名前加上#,例如:
甲位置
示例:
注意:
如果是链接在B页面,只需要在href属性里面加上B页面的地址即可,例如:
甲位置
3、电子邮件链接
要链接电子邮件,可在链接标签中插入"mailto"
站长信箱
四、HTML基本语法
一般来说,HTML的语法有三种表达方式,如下所示: <标记> 内容 标记> <标记 属性1="参数1" 属性2="参数2"> 内容 标记> <标记 />
五、HTML基本标签
1、标签元素
标签介绍html元素包括一个或一对标签定义的包含范围。而标签就是由两个字符串“<”和“>”号组成,标签包括开始标签“<>”和结束标签“”。html标签元素有四种形式分别是:空元素:带有属性的空元素:
带有内容的元素:
2、文本相关标签
标题标签
到
字体大小依次递减。align为设置标题对齐方式:包括Left、Center、Right。
注:H1到H6用于指定不同级别的标题。
字体标签
设置字体,size为字体大小,从1到7的整数,数字越大,字体越大。
特殊符号
设置文本粗体显示。
设备文本斜体显示。
3、行的控制相关标签
段落标签:
可以看作是一个空行,用于创建段落
换行标签
作用是换行
标签:作用是插入一条水平线,属性color用于设置颜色。
4、图像标签
常见的图片格式:
图像标签的基本语法:
src:图像的路径(包括相对路径或绝对路径)。 alt:表示图像的替代文字,即图像不能显示时显示的文字。例如:
结果:
title:鼠标悬停时提示的文字。例如:
结果:
align:设置图像与文本的对齐方式,取值:middle、top、bottom例如