HTML5.0笔记 (一)
2015-05-30 21:22
489 查看
1.什么是HTML
HTML:超文本标记语言(英文:HyperText Markup Language,HTML)是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。HTML被用来结构化信息——例如标题、段落和列表等等,也可用来在一定程度上描述文档的外观和语义。1982年由蒂姆·伯纳斯-李创建,由IETF用简化的SGML(标准通用标记语言)语法进行进一步发展的HTML,后来成为国际标准,由万维网联盟(W3C)维护。
为了推动Web标准化运动的发展,一些公司联合起来,成立了一个叫做 Web Hypertext Application Technology Working Group (Web超文本应用技术工作组 -WHATWG) 的组织。WHATWG 致力于 Web 表单和应用程序,而W3C(World Wide Web Consortium,万维网联盟) 专注于XHTML2.0。在 2006 年,双方决定进行合作,来创建一个新版本的 HTML。
2.常用软件:
1).Sublime Text (稳定版是2.0.2)
2).Notepad++
3).dreamwear
3.HTML文件框架
4.HTML段落标记
文档的头部描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。通常用来防止css样式表和javascript。
浏览器会以特殊的方式来使用标题,并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样,当把文档加入用户的链接列表或者收藏夹或书签列表时,标题将成为该文档链接的默认名称。
HTML:超文本标记语言(英文:HyperText Markup Language,HTML)是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。HTML被用来结构化信息——例如标题、段落和列表等等,也可用来在一定程度上描述文档的外观和语义。1982年由蒂姆·伯纳斯-李创建,由IETF用简化的SGML(标准通用标记语言)语法进行进一步发展的HTML,后来成为国际标准,由万维网联盟(W3C)维护。
为了推动Web标准化运动的发展,一些公司联合起来,成立了一个叫做 Web Hypertext Application Technology Working Group (Web超文本应用技术工作组 -WHATWG) 的组织。WHATWG 致力于 Web 表单和应用程序,而W3C(World Wide Web Consortium,万维网联盟) 专注于XHTML2.0。在 2006 年,双方决定进行合作,来创建一个新版本的 HTML。
2.常用软件:
1).Sublime Text (稳定版是2.0.2)
2).Notepad++
3).dreamwear
3.HTML文件框架
<!DOCTYPE html> <html> <head> <title>我的页面</title> <meta charset=utf-8> </head> <body> 我的第一个HTML页面 </body> </html>
4.HTML段落标记
<!DOCTYPE html> <html> <head> <title>我的页面</title> <meta charset=utf-8> </head> <body> <hgroup> <h1>第一章 我的标题</h1> <h2>我的二级标题</h2> </hgroup> <p> 段落1 </p> <p> 段落2 </p> </body> </html>
<!Doctype html>告知浏览器其自身是一个 HTML 5文档。
<html>与
</html>标签限定了文档的开始点和结束点,在它们之间是文档的头部和主体。正如您所了解的那样,文档的头部由
<head>标签定义,而主体由
<body>标签定义。
<head>标签用于定义文档的头部,它是所有头部元素的容器。
文档的头部描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。通常用来防止css样式表和javascript。
<title>元素可定义文档的标题。
浏览器会以特殊的方式来使用标题,并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样,当把文档加入用户的链接列表或者收藏夹或书签列表时,标题将成为该文档链接的默认名称。
<meta>元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。
<meta>标签位于文档的头部,不包含任何内容。
<meta>标签的属性定义了与文档相关联的名称/值对。其中设置字符编码是charset=utf-8
<body>元素是定义文档的主体
<body>元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。)
<p>标签定义一个段落。分段
<p>元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,您也可以在样式表中规定。
<br>段内换行
<hgroup>标签用于对网页或区段(section)的标题进行组合。
<hgroup>标签是 HTML 5 中的新标签。
<h1> - <h6>标签可定义标题。
<h1>定义最大的标题。
<h6>定义最小的标题。由于 h 元素拥有确切的语义,因此请您慎重地选择恰当的标签层级来构建文档的结构。因此,请不要利用标题标签来改变同一行中的字体大小。相反,我们应当使用层叠样式表定义来达到漂亮的显示效果。
相关文章推荐
- HTML5游戏开发-扫雷及其算法研究
- HTML5----移动head,meta标签属
- HTML5新增标签总结和说明
- 检测浏览器是否支持HTML5视频
- HTML5学习之FileReader接口
- 使用 HTML5 WebSocket 构建实时 Web 应用
- [150529]国内最火的五款HTML5前端开发框架
- 【Html5 WebSocket】WebSocket事件
- HTML5 知识点(全)
- #HTML5开源源码#网页版植物大战僵尸
- HTML5中meta属性的使用详解
- HTML5和HTML属性及元素整理
- HTML5开发手机应用--viewport的作用
- 16款最佳HTML5超酷动画演示及源码
- HTML5+学习笔记2-------边看代码边研究貌似还是有点问题...还在研究中api中
- HTML5中声明了UTF-8还是中文乱码解决
- HTML5网页录音
- 前端开发学习笔记二--HTML5
- canvas绘制基本图形
- 基于html5背景图片自适应代码