HTML初步

  1. HTML概念
    1. 用来描述网页的一种语言
    2. Hyper Text Markup Language 超文本标记语言
    3. HTML 不是一种编程语言,而是一种标记语言 (markup language) 。通常来说,至少要具备数据容器、流程控制、异常处理机制等特性才能够称为一门编程语言。标记语言的组成元素是一套标记标签 (markup tag) ,HTML 使用标记标签来描述网页
  2. 第一个HTML文档:HelloWorld
    1. 新建一个纯文本文件
      1. 将扩展名修改为.html或.htm——两种均可,但同一项目中一定要统一

    1. 用记事本打开并编辑如下代码
    2. HTML文档规范
      1. 格式良好的HTML文档标签必须正确关闭
      1. 格式良好的HTML文档标签不能交叉嵌套
      1. 格式良好的HTML文档标签可以有属性,但属性必须有值,且属性值必须使用引号引起来,单引号、双引号均可,但推荐使用双引号
      2. 格式良好的HTML文档标签可以有属性,但属性必须有值,且属性值必须使用引号引起来,单引号、双引号均可,但推荐使用双引号

      3. HTML注释
      4. 在eclipse中创建HTML文档
  1. HTML文档的构成
    1. 文档类型声明
      1. <!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
      2. HTML 4.01 规定了三种文档类型:Strict、Transitional 以及 Frameset
  2. Strict:严格。如果您需要干净的标记,免于表现层的混乱,请使用此类型。请与层叠样式表(CSS)配合使用

    Transitional:过度。Transitional DTD 可包含 W3C 所期望移入样式表的呈现属性和元素。如果您的读者使用了不支持层叠样式表(CSS)的浏览器以至于您不得不使用 HTML 的呈现特性时,请使用此类型

    Frameset:框架。被用于带有框架的文档。除 frameset 元素取代了 body 元素之外,Frameset DTD 等同于 Transitional

      1. <!DOCTYPE> 标签没有结束标签
    1. 页面元信息
      1. <meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。
      2. <meta> 标签位于文档的头部,不包含任何内容。可以有多个
  3. <meta> 标签的属性定义了与文档相关联的“名称/值对”。

    由name或http-equiv属性定义“名称/值对”中的名称

    由content属性定义“名称/值对”中的值

    如:name=“keywords” content=“java培训,北京Java培训,java课程…” 设置关键字,使网页更容易被搜索引擎找到

    如:name=“description” content=“尚硅谷java培训革命者,…” 网页描述

    当服务器向浏览器发送文档时,会先发送许多名称/值对。虽然有些服务器会发送许多这种名称/值对,但是所有服务器都至少要发送一个:content-type:text/html。这将告诉浏览器准备接受一个 HTML 文档

      1. HTML 与 XHTML 之间的差异
  4. 在 HTML 中,<meta> 标签没有结束标签。

    在 XHTML 中,<meta> 标签必须被正确地关闭。

      1. 注意:
  5. <meta> 标签永远位于 head 元素内部。

    元数据总是以名称/值的形式被成对传递的。

  6. 制作表格

本教程由尚硅谷教育大数据研究院出品,如需转载请注明来源。

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值