HTML5.0笔记 (一)

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 (收费版)
4).Webstrom(社区版免费)
5). Hbuilder

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 元素拥有确切的语义,因此请您慎重地选择恰当的标签层级来构建文档的结构。因此,请不要利用标题标签来改变同一行中的字体大小。相反,我们应当使用层叠样式表定义来达到漂亮的显示效果。

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小嘉丶学长

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值