今天小编为大家带来了有关HTML基本元素标签的教程供大家参考,这篇文章都是一些非常常见的内容,对一些小白用户快速上手非常的友好。
HTML(Hypertext Markup Language):即超文本标记语言,是一种用来设计网页的标记语言,用该语言编写的文件,以.html或.htm为后缀,并且由浏览器解释执行,生成相应的界面。网页文件本身只是一种文本文件,我们通过在文本文件中添加标记符号,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等),这些标记符号就是html,我们学习html就是学习这些标记符号,html标记符号也称为html元素。
标记是用尖括号<>包围的单词,很多标记是成对的,一个是开始标记,一个是结束标记(单词前加/)
每一对尖括号包围的部分:例如
包围的部分就叫做body元素元素通常由三个部分组成:
用来修饰元素
每个属性都有值
属性放置开始标记中
示例:
文件头
由
语法:
内容2、head元素
1)、标题元素
元数据元素:设置消息头
meta的意思是“关于”,是关于某个网页的基本信息。
搜索引擎对meta元素中数据进行搜索可以帮助访问者找到该网页
属性
META作用举例
给网页添加说明(比如网页的作者,关键字等)
给网页增加关键字,提高网页被浏览的机会
定期刷新网页,以秒为单位
解决网页乱码问题
让网页始终保持最新
浏览器为了节约时间,在本地硬盘上保存一个网上问卷的临时版本。当反复浏览该网页时,浏览器直接调用硬盘上的文件,使用meta强制性调用网上的最新版本
基本语法
开始标记:必需
内容:
内联元素(不能嵌套a元素)
结束标记:必需
主要属性
Href:用来说明链接资源的URL
Target:打开链接的窗口,有四个值:
Title:提示信息:鼠标放上去的提示
Name:锚点名称
超链接标记共有3种使用方式:
语法:[免费注册]
在同一个文件夹下有两个HTML文件,从一个文件超链接到另一个文件的路径有两种方式:相对路径和绝对路径
相对路径:指相对于当前文件的文件位置, 相对路径常使用../表示回到上一级目录。
绝对路径:指从根目录到文件的完整路径。
示例:
从A页面的甲位置跳转到本页中的乙位置(同一页面)。
从A页面的甲位置跳转到B页面的乙位置(两个页面)。
步骤:
在HTML的NAME属性用于创建锚标记,例如:
使用锚点,在HREF参数中使用该标记,在锚点名前加上#,例如:
示例:
注意:
如果是链接在B页面,只需要在href属性里面加上B页面的地址即可,例如:
要链接电子邮件,可在链接标签中插入"mailto"
四、HTML基本语法
一般来说,HTML的语法有三种表达方式,如下所示:
<标记>内容标记>
<标记 属性1=参数1 属性2=参数2>内容标记>
<标记/>
五、HTML基本标签
1、标签元素
标签介绍
html元素包括一个或一对标签定义的包含范围。而标签就是由两个字符串“<”和“>”号组成,标签包括开始标签“<>”和结束标签“>”。
html标签元素有四种形式分别是:
空元素:
带有属性的空元素:
2、文本相关标签
标题标签
说明:从
注:H1到H6用于指定不同级别的标题。
字体标签
设置字体,size为字体大小,从1到7的整数,数字越大,字体越大。
特殊符号
设置文本粗体显示。
设备文本斜体显示。
3、行的控制相关标签
段落标签:
可以看作是一个空行,用于创建段落
作用是换行
常见的图片格式:
图像标签的基本语法:
结果:
结果:
align:设置图像与文本的对齐方式,取值:middle、top、bottom
例如
滚动
说明:
示例:
列表是指将具有相似特征或者是具有先后顺序的几行文字进行对齐。
列表分为有序列表
语法:
开始标记:必需
内容:列表项
说明:
没有顺序,每个
默认
一般用于无序类型的列表,如导航,侧边栏新闻列表等。
示例:
无序列表
结果:
注意:
列表还可以进行嵌套,例如:
无序列表
结果:
语法:
- 列表项内容一
- 列表项内容最后一项
开始标记:必需
内容:列表项
说明:
有顺序,每个
默认
可以通过修改
一般用于排序类型的列表,如试卷、问卷选项等。
例如:
有序列表
- 列表1
- 列表2
- 列表3
- 列表1
- 列表2
- 列表3
- 列表1
- 列表2
- 列表3
- 列表1
- 列表2
- 列表3
- 列表1
- 列表2
- 列表3
结果:
注意:
和无序列表一样,有序列表同样可以嵌套,例如:
有序列表
- 列表1
- 列表2
- 列表3
- 列表1
- 列表2
- 列表3
- 列表1
- 列表2
- 列表3
- 列表1
- 列表2
- 列表3
- 列表1
- 列表2
- 列表3
- 列表1
- 嵌套列表1
- 嵌套列表2
- 嵌套列表3
- 列表2
- 列表3
结果:
语法:
说明:
没有顺序,每个
没有默认标记,但有层次结构。
例如:
定义列表
结果:
到此这篇关于HTML基本元素标签的文章就介绍到这了。希望对大家的学习有所帮助,也希望大家多多支持脚本之家。