html学习总结第一阶段

这是一篇关于html学习总结第一阶段的思维导图，详细的总结了html相关理论基础，html常用的标签，一些特殊的html标签。

html学习总结

• html相关理论基础
  • 什么是html
    • html的全称是hyper test markup language 超文本标记语言
  • html的语法是什么
    • 常规标签
      • 也叫双标签格式为：<标签 属性=“属性值"></标签>
      • 注意点：
        • 必须是成对出现
        • 必须有斜杠
    • 单标签
      • 格式为：<标签 属性="属性值">
      • 注意点：单独出现，可以不用斜杠/
  • html的作用
    • 用来搭建页面结构用的
• html常用的标签
  • 段落
    • <p></p>
  • 结构布局
    • <div></div>
  • 标题
    • <h1></h1>
    • ......
    • <h6></h6>
    • 特点：标签随数字增加，字体变小，且最多只到h6，文本自带加粗
  • 单独的语句，tips
    • <span></span>
  • 加粗
    • <b></b>
    • <strong></strong>
  • 倾斜
    • <i></i>
    • <em></em>
  • 超链接
    • <a herf="目标网址" title="" target=""></a>
      • herf=“路径”
        • 相对路径
          • 同级路径
            • 目标文件名.扩展名
          • 上级路径
            • ../目标文件名.扩展名——返回上一级
            • ../../目标文件名.扩展名——返回上两级
            • 依次类推
          • 下级路径
            • 目标文件夹名/目标文件名.扩展名——下一级文件
            • 目标文件夹名/目标文件夹名/目标文件名.扩展名——下二级文件
            • 以此类推
        • 绝对路径
          • 某文件在电脑里的绝对地址，例如：D：001\nama.jpg——需要注意的是，这里用的是\反斜杠。
          • 某图片的完整网页地址，例如：http：www.baidu.com/logo.jpg
      • title=“鼠标悬停在网址上显示的内容”
      • target链接网页以何种方式打开
        • target=“_self"以当前窗口打开
        • target=“blank"以新窗口打开
  • 图片
    • <img src="图片路径+图片名称.扩展名" title=“”width=“” height=“”alt=“ “>
      • src路径，参考绝对路径，相对路径
      • title：鼠标悬停所显示的内容
      • width：图片的宽度，单位是像素
      • height：图片的高度，单位是像素
      • alt：图片未能加载出来显示的内容
  • 列表
    • 无序列表
      • <ul type= ""><li></li><li></li></ul>
      • type=square=方形
      • type=disc=实心圆
      • type=circle=空心圆
      • type=none=空白
    • 有序列表
      • <ol type=""><li></li></ol>
      • type=1 1 2 3 4
      • type=A A B C D
      • type=a a b c d
      • type=Ⅰ Ⅰ Ⅱ Ⅲ Ⅳ
      • type=ⅰ ⅰ ⅱ ⅲ ⅳ
      • start：起始位数。例如：<ul type= "a" start=“3”><li></li><li></li></ul>
    • 自定义列表
      • <dl ><dt></dt><dd></dd></dl>
      • 原则上来讲只有一对dt
      • dd用于描述性的内容，可以有多个
  • 标签
    • sup上标
    • sub下标
    • del删除线
    • u下划线
    • div区域划分
    • span任意位置语句
• 一些特殊的html标签
  • 空格：＆nbsp
  • 版权＆copy
  • 商标＆trade
  • 注册＆reg
  • 小于号＆lt
  • 大于号＆gt