HTML_01

初识HTML超文本标记语言,Web标准，html骨架，字符集，标签

超文本标签语言HTML

• html标签
  • 标签分类
    • 双标签
      • <p>段落</p>
      • 大部分都是
    • 单标签
      • br hr img base meta
  • 标签关系
    • 父子
    • 兄弟，姐妹
  • 排版标签
    • h1~6 依次减少字号
    • p 段落标签
    • hr 水平线标签（单）
      • 添加一条水平线在页面中
    • hx
    • br
      • 换行标签break
  • 布局标签
    • 布局用的两个盒子
    • 一般的说法是css+div布局，而不是div+span布局
    • div
      • 没有语义，独占一行
    • span
      • 没有语义，占自身大小
  • 文本格式化标签
    • 粗体显示
      • b
        • bold（粗体）
      • strong
        • XHTML推荐使用
    • 斜体显示
      • i
        • Italic（斜体）
      • em
        • XHTML推荐使用
    • 加删除线
      • s
        • strike out（删除）
      • del
        • delete（删除）
          • XHTML推荐使用
    • 加下划线
      • u
        • underline（下划线）
          • XHTML不赞成使用
      • ins
        • XHTML推荐使用
  • 图片标签
    • img src 图片来源路径
    • 属性：
    • title
      • 鼠标经过时候的显示文字
    • alt
      • 图片不能正常显示的时候 ，文字替换
    • 宽度 width height 高
      • 一般只设置其中一个，另一个值自适应
  • 链接标签
    • a href
      • <a href ="http:www.baidu.com"></a>
    • 外部链接 http://www.baidu.com
    • 内部链接 index.html
    • 空连接 #
    • target
      • 负责链接的打开方式
      • target= “self”
        • 默认值
      • target = “_blank"
        • 在新窗口中打开
    • 锚点链接 # 和 id 搭配使用
      • <a href = "#man">点击man</a>
      • <h1 id = "man">man</h1>
  • base 默认
    • 把所有的连接 都默认添加 target="_blank"
    • <base target ="_blank">
  • 注释标签
    • 给我们人看的
  • 路径
    • 路径是从都是从 html 文件出发寻找
    • 相对路径
      • 同一级
        • 只需输入图像文件的名称即可，如<img src="logo.gif" />
      • 下一级
        • /
          • 输入文件夹名和文件名，之间用“/”隔开，如<img src="img/logo.gif" />
      • 上一级
        • ../
          • 在文件名之前加入“../” ，如果是上两级，则需要使用 “../ ../”
            • 如<img src="../logo.gif" />
      • 再上一级
        • ../../
          • 如<img src="../logo.gif" />
    • 绝对路径
  • 列表
    • 让我们内容排列整齐
    • 无序列表
      • ul li
    • 有序列表
      • ol li
    • 自定义列表
      • dl dt dd
  • 表格
• 字符集
  • utf-8是目前最常用的字符集编码方式，常用的字符集编码方式还有gbk和gb2312。
  • gb2312 简单中文 包括6763个汉字
  • BIG5 繁体中文 港澳台等用
  • GBK包含全部中文字符 是GB2312的扩展，加入对繁体字的支持，兼容GB2312
  • UTF-8则包含全世界所有国家需要用到的字符
• html骨架
  • html
  • head
    • 文档头部
    • title
      • 文档标题（眼睛）
  • body
    • 文档主体
  • DOCTYPE
    • 文档类型 html5
  • charset=“UTF-8”
    • 字符集
• Web标准
  • 结构
    • html
    • 身体
  • 表现
    • css
    • 穿着，打扮
  • 行为
    • JavaScript
    • 动作，技能