html-常用标签

• base 基础标签

• href 给页面所有的相对路径规定默认的基准URL
• target a链接默认窗口模式，下面a链接会覆盖当前的设置
• h1-h6标题标签 文字的大小依次减小，在文档中的重要性也依次变小，标题一般只用一次，宽度独占一整行
• p标签 段落标签，宽度占据一整行，高度适应文本高度
• hr 水平分割线单标签，没有结束标签
• br 换行标签，一般结合段落使用
• qoute q 标签，引用标签，标签大小适应内容大小
• code标签 告诉浏览器内部是代码,大小适应内容
• pre:预处理标签，告诉浏览器内容愿样式显示，保留空格换行等
• strong标签 强调加粗 em标签：强调斜体 b：加粗 i: 倾斜 上标：sup 下标：sub
• img:图片标签 src：图片路径 网络路径和本地路径 alt: 图片描述 图片加载失败显示
• 相对路径：./:从根目录到当前文件下，可以省略,同第一种写法 ../返回上一级

• a标签：超链接 href:跳转位置（网络链接，本地地址）target:1._self:默认：当前窗口打开2._blank：新的页面 eg:
  <a href="http://www.baidu.com" target="_blank">百度</a>
  <a href="index1.html" target="_blank">index1</a>
  
  <a href="#">返回顶部</a>
  
  <a href="#qqq">超文本标记语言</a>

• 列表：无序列表，有序列表，自定义列表 eg:
  
  <ul>
  <li style="background-color:red;">H5</li>
  <li>IOS</li>
  <li>Android</li>
  </ul>
  
  <ol style="background-color:red;">
  <li>吃饭</li>
  <li>睡觉</li>
  <li>打豆豆</li>
  </ol>
  
  <dl>
  
  <dt style="background-color:red;">内容标题</dt>
  
  <dd style="background-color:green;">标题内容1</dd>
  <dd>标题内容2</dd>
  <dd>标题内容3</dd>
  
  <dt>内容标题</dt>
  
  <dd>标题内容1</dd>
  <dd>标题内容2</dd>
  <dd>标题内容3</dd>
  </dl>

总结：

• 1.块元素：p pre ul ol li dl h1-h6等
  {
  特点：默认都占一行
  支持设置宽高
  高度自适应（自适应内容）
  支持所有css样式
  }
• 2.内嵌元素（行元素）：
  {
  特点：可以同行显示
  内容撑开宽高
  不支持宽高设置
  有些css样式不支持（margin）
  }