学习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新增相关标签的和属性

HTML5期末大作业:餐饮美食网站设计——咖啡(10页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 咖啡网页设计 美食餐饮网页设计...(代码片段

如何获取 HTML5 视频中加载的当前片段百分比?

前端开发常用js代码片段

在 HTML5 Video 中,如何播放长视频中的小片段?

前端开发中最常用的JS代码片段