HTML入门之DreamWeaver学习(一)

一、HTML相关概念
  • HTML:Hypertext Makeup Language,超文本标记语言
  • XHTML:Extensible Hypertext Makeup Language,可扩展超文本标记语言
  • HTML5:是HTML的第五次重大修改
  • W3C:Word Wide Web Consortioum,万维网联盟。创建于1994年,是Web领域最具权威和影响力的国际中立性技术标准机构
  • WHATWG:Web Hypertext Application Technology Working Group,网页超文本应用技术工作小组,是一个以推动HTML5标准为目的而成立的组织
二、HTML发展历程

        HTML入门之DreamWeaver学习(一)

三、DreamWeaver相关知识
  • 站点
  1. 作用:用来归纳一个网站上所有的网页、素材及他们之间的联系。
  2. 站点根文件夹命名规则:由数字、字母、下划线组成,数字不能在开头。
  3. 首页:index.html
  4. 建立站点:“站点”->“新建站点”
     
        HTML入门之DreamWeaver学习(一)

        HTML入门之DreamWeaver学习(一)

  • HTML5页面基本结构
  • head:文件头部
  1. :设置字符集
  2. :设置网页标题
  • body:文件主题

        HTML入门之DreamWeaver学习(一)

  • HTML5基本语法
  • 常规语法:
        <标记 属性="属性值" 属性="属性值">内容</标记>
  • 空标记:没有结束标记的标记
        <标记 属性="属性值"/>
  1. 写在尖角号里的第一个单词叫标记,也称作标签、元素;
  2. 标记与属性之间用空格隔开,属性与属性值之间用等号连接,属性值必须放在双引号内;
  3. 当一个标记有多个属性的时候,属性与属性用空格隔开,属性与属性之间没有先后顺序。
  • 简单例子:
    
        HTML入门之DreamWeaver学习(一)

        HTML入门之DreamWeaver学习(一)