您的位置:首页 > Web前端 > HTML5

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文件框架

<!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 元素拥有确切的语义,因此请您慎重地选择恰当的标签层级来构建文档的结构。因此,请不要利用标题标签来改变同一行中的字体大小。相反,我们应当使用层叠样式表定义来达到漂亮的显示效果。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: