学习HTML5
Posted 段七佳
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了学习HTML5相关的知识,希望对你有一定的参考价值。
HTML5:超文本标记语言(Hyper Text Markup Language)
一、HTML标记通常分两大类
单标记:用一个标记符号即可完整地描述某个功能的标记。<标记名/>
双标记:由开始和结束两个标记符组成的标记。<标记名>内容<标记名/>
二、HTML5的基本格式
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
</body>
</html>
三、对简单标签的认识
<html>与</html>:描述网页
<head>与</head>:网页的头部
<title>与</title>:定义页面标题
<body>与</body>:可见的页面内容
<!--注释内容-->:注释内容不会出现在网页
四、标记属性
键值对:属性="属性值" 例 如:color="red";
在HTML开始标记中,可使用: 属性="属性值" 的方式为标记添加属性。
比如:字体、颜色、字号、位置
<标记名 属性1="属性值1" 属性2="属性值2"...>内容</标记名>
五、HTML5文档头部相关标记
<title>标记:定义页面标题
必须位于<head>标记之内,一个HTML文档只含有一对此标记,其内容显示在浏览器窗口的标题栏中。
<title>网页标题名称</title>
<meta/>标记:定义页面元信息
1、设置页面关键字
<meta name="keywords" content="---"/>
2、设置网页描述
<meta name="description" content="---"/>
3、设置网页作者
<meta name="author" content="---"/>
4、设置字符集
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
5、设置页面自动刷新与跳转
<meta http-equiv="refresh" content="10;url=---"/>
<link>标记:<link 属性="属性值">
2、rel-styiesheet-指定当前文档与引入外部文档的关系
3、type-text/css-引入外部文档的类型为CSS样式表
4、type-text/javascript-引用外部文档的类型为javascript
<style>标记:<style 属性="属性值">样式内容</style>
在HTML中使用style标记时,常常定义其属性type,相应的属性值为text/css,表示使用内嵌式的CSS样式。
以上是关于学习HTML5的主要内容,如果未能解决你的问题,请参考以下文章
HTML5期末大作业:餐饮美食网站设计——咖啡(10页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 咖啡网页设计 美食餐饮网页设计...(代码片段