HTML基础

HTML基础

• h1~h6标题

  	<h1>标签</h1>
      <h2>标签</h2>
      <h3>标签</h3>
      <h4>标签</h4>
      <h5>标签</h5>
      <h6>标签</h6>
  

• p段落

  	<p>我是个段落</p>
      <p>我也是个段落</p>
  

• 换行

  	Hello<br>everyone
  

• 空格

      every one
  

• 特殊符号

  	<!--大于号，小于号-->
      <p>下面我们开始学习&lt;p&gt;这个元素</p>
  

• img插入图片

  1. 相对路径：./ 当前目录 …/上级目录
  2. 绝对路径 c:\img\aa.jpg
  3. 网络路径 http:…

  	<img src="03.jpg">
      <img src="./03.jpg">
      <img src="../img/03.jpg">
      <img src="D:\img\03.jpg">
      <img src="https://s.cn.bing.net/th?id=ODL.d0bf6fe6628fdd52a969100e4edbaf00&w=94&h=125&c=7&rs=1&qlt=80&o=6&dpr=2.19&pid=RichNav">
  

• 有序、无序列表

  	<!--有序列表-->
      <ol>
          <li>1</li>
          <li>1</li>
          <li>1</li>
          <li>1</li>
      </ol>
      <!--无序列表-->
      <ul>
          <li>1</li>
          <li>1</li>
          <li>1</li>
          <li>1</li>
      </ul>
  

• 超链接

  	<a href="https://www.baidu.com" target="_blank">百度</a>
  	<a href="https://www.baidu.com" target="_blank"><img src="03.jpg" </a>
  

  补充：target 属性

  属性值	描述
  _blank	在新窗口中打开被链接文档。
  _self	默认。在相同的框架中打开被链接文档。
  _parent	在父框架集中打开被链接文档。
  _top	在整个窗口中打开被链接文档。
  framename	在指定的框架中打开被链接文档。

• 多选框

  爱好：<!--多选框用name分组-->
  	<input type="checkbox" name="hobby" checked>听歌<!--checked默认被选中-->
  	<input type="checkbox" name="hobby">干饭
  	<input type="checkbox" name="hobby">睡觉<br>
  

• 单选框

  性别：<!--单选框用name分组-->
  	<input type="radio" name="gender" checked>男
      <input type="radio" name="gender">女<br>
  

• 下拉列表

  下拉列表：
  <select>
      <option selected>北京</option><!--selected默认被选中-->
      <option>天津</option>
      <option>上海</option>
  </select>