html第一天

这是一篇关于html第一天的思维导图，包括：网页的组成、常见的浏览器、web标准、html超文本标记、语言、html结构、标签路径。

html第一天

• 网页的组成
  • 文字 图片 视频 超链接。。。
• 常见的浏览器
  • ie
    • Trident
  • 火狐
    • Gecko
  • 谷歌
    • blink
  • 苹果
    • webkit
  • 欧朋
    • blink
  • 浏览器内核 -----解析代码
  • 浏览器内核负责解析 html与css
• web标准
  • 结构 html
  • 样式 css
  • 行为 js
  • 定义： 欧洲万维网联盟 研发web标准 （包含结构html 样式 css 行为js）
• html超文本标记语言
  • html 超文本标记语言 文本： 一句话 诗篇文章....... 超文本： 包含文本 文本 音频 视频超链接 页面上的元素都属于超文本。 标记语言： ddd 总结： html是一门语言 只不过带有特殊标签的一种超文本语言。
• html结构
  • html：跟标签
  • head：头部标签
  • body：主体标签
  • title：标题标签
  • 标签的关系 ：包含关系
  • 标签的分类： 单标签 双标签
  • DOCTYPE：声明文档类型 告诉浏览器要按照html的语法规则去解析
  • lang="en"：页面的语言类型
  • charset="UTF-8"编码格式 起到翻译作用
• 标签
  • 1.让其具有层次感 2.对内容加以修饰
  • 标题标h
    • 特点
      • 1.标题的部分用标题标签
      • 2.文字 加粗 加黑了
      • 3.标题标签 h1-h6
      • 4.页面中只能有一个h1标题
  • 段落标签p
    • 段落标签 放置p标签
  • 水平线标签 单标签
  • 换行标签：
  • span文字标签 div 盒子标签
  • 文字类标签
    • 倾斜标签
    • 加粗标签
      • b加粗标签
      • strong：加粗标签
    • 下划线标签
    • 删除线
  • 图片标签 <img />
    • 描述标签的内在特性
    • 属性
      • src: 图片的路径（来源）
      • alt：当图片加载错误时显示的文字
      • title:当鼠标悬停在图片上显示的文字
      • width:图片的宽度
      • height：图片的高度
      • border:图片的边框
    • 属性的特点
      • 1.属性之间部分先后顺序
      • 2.属性名与属性值之间以键值对的形式存在
      • 3.属性名与属性值之间以等号分隔 属性值要以引号包裹；
  • 链接标签 <a ></a>
    • 外部链接 <a href="http://www.baidu.com"></a> 写完整的 协议 域名 网址
    • 内部链接 <a href="index.html"></a> 直接写文件名即可
    • 属性
      • href:指定跳转的页面
      • title：鼠标悬停显示的文字
      • target: _self(默认会覆盖原来的窗口) _blank(会以新的窗口打开) 窗口的打开方式
      • #：会阻止页面跳转但是会刷新页面
• 路径
  • 相对路径
    • 在同一个文件夹直接找名字
    • 向上一级 ../
    • 向下 /
  • 绝对路径