HTML针对不同的内容有不同类型的标记,这些标记是HTML5文档的基础,你知道有哪些吗?
1.单标记和双标记
为了便于学习和理解,HTML5标签通常分为两类:双标签和单标签。a .双标记:
双重标记的双重标记也称为身体标记,分为开始标记和结束标记,基本语法如下。
标签名称内容/标签名称
例如:
我是双重标记/p
b .单一标记:
单个标签也称为空标签,意味着一个标签可以完全描述功能,其基本语法如下:
标记名称/
例如:
HR/。
上面的hr标记表示水平线。 后面叙述
2.注释标记
注释标记是HTML的特殊标记,是易读、易于理解、无需在页面上显示的注释文字。 基本语法格式如下:! ---评论文--- ) )。
例如:
p是文本/p! - -这是注释文本,不显示在页面上---。
上图是浏览器的结果。
3.标记的属性
HTML标签的默认样式不能满足页面开发的需要。 如果要为文本段落设置特定的样式,则必须使用HTML标签的属性。 基本语法格式如下:标签名属性1='属性值1 '属性2='属性值2 '属性3='属性值3 ' .内容/标签名
让我举一个例子。
网页第一行是二级中间的标题,第二行是局内段落,第三行是大小为2px,颜色为灰色水平线,第四行是普通段落,有些单词粗了
! 文档类型html
html朗='恩'
头部
meta charset='UTF-8 '
meta http-equiv=' x-ua -兼容'内容=' ie=边缘'
元名称='视点'内容=' width=设备
e-width, initial-scale=1.0"> <title>Document</title> </head> <body> <h2 align="center">我是居中的二级标题</h2> <p align="center">我是居中的段落</p> <hr size="2" color="#ccc"/> <p>我是一个正常的段落,这是<strong>关键字</strong>,其他的都是正常内容。<p/> </body> </html>效果如图所示:
多学一招(键值对):
“键值对”简单地说即为对“属性”设置“值”
例如:
color = "red";width:"200px";
上面的color和width就相当于属性1和属性2,red和200px就是对应的属性值1和属性值2,如果顺序出错,是没有效果的
总结:
在HTML开始标记中,可以通过 属性=“属性值”的方式为标记添加属性,其中“属性”和“属性值”是以“键值对”的形式出现的
4.HTML5文档头部相关标记(拓展)
1.title
一个HTML文档只能含有一对<title></title>标记,<title></title>之间的内容将显示在浏览器窗口的标题栏中。
基本语法格式:
<title>网页标题名称</title>
2.meta
meta定义页面元信息:
设置网页关键字》》》<meta name=”keywords” content=”JAVA、php”/>
设置网页描述》》》<meta name=”description” content=”IT培训教育”/>
设置网页作者》》》<meta name=”author” content=”传智播客”/>
设置字符集》》》<meta http-equiv=”Content-Type” content=”text/htm; charset=utf-8l”/>
设置页面自动刷新与跳转》》》<meta http-equiv=”refresh” content=”10;url=http://www.itcast.cn”/>
3.link
基本语法格式:
<link 属性=”属性值” />
属性名
常用属性值
描述
href
URL
指定引用外部文档
rel
stylesheet
指定当前文档与引用外部文档的关系,该属性值通常为stylesheet,表示定义一个外部样式表
type
text/css
引用外部文档的类型为CSS
type
text/javascript
引用外部文档的类型为JavaScript脚本
4.style
基本语法格式:
<style 属性=”属性值”>样式内容</style>
在HTML中使用style标记时,常常定义其属性为type,相应的属性值为text/css,表示使用内嵌式的CSS样式