HTML

1.HTML基础

  <b></b> 或 <strong></strong> 加粗

  <u> </u>或 <ins></ins> 下划线

  <i></i> 或 <em></em>  倾斜

  <s></s> 或 <del></del> 删除线

  <br> 换行

  <hr> 水平线

  <p></p> 段落

  &nbsp空格符

2.路径

  当前路径: ./cat.gif

  上级目录: ../cat.gif

  下级目录: ./images/cat.gif

3.图片(单标签)

  <image scr=" " alt=" " title=" ">

  scr-路径  alt-替代文本  title-提示文本

4.音频(双标签)

  <audio scr=" " controls autoplay loop></audio>

  scr-路径  controls-控制板  autoplay-自动播放  loop-循环播放

5.视频(双标签)

  <video scr=" " controls autoplay loop></video>

  scr-路径  controls-控制板  autoplay-自动播放  loop-循环播放

6.超链接

  <a href=" " target=" ">名字</a>

  空链接# 

  target-目标网站打开形式(_self--默认覆盖原窗口;_blank--打开新窗口)

7.列表

 a. 无序 (ul只能包含li,li可包含任何)

   <ul>

     <li></li>

   </ul>

  b.有序 (ol只能包含li,li可包含任何)

   <ol>

     <li></li>

   </ol>

  c.自定义 (dl只能包含dt dd)

   <dl>

     <dt></dt>

     <dd></dd>

   </dl>

8.表格

  <table border=" ">

    <caption>表格标题</caption>

    <tr>

       <th>加粗

        <td></td>

      </th>

   </tr>

  </table>

  a.结构标签thead tbody tfoot

  b.合并单元格-"左上"

     rowspan colspan(不能跨结构标签合并)

9.表单

  a.input标签

      text-文本框(placeholder-占位符)

      password-密码框(placeholder-占位符)

      radio-单选框(name值相同为一组,checked默认)

      checkbox-多选框

      file-文件选择(mutiple多文件上传)

      submit-提交按钮

      reset-重置按钮

      button-普通按钮

  b.button标签

     button submit  reset

  c.select下拉

     select整体 option某项(selected默认)

10.lable

  a.lable把内容包裹进来,在表单标签加id,在lable标签的for中设置对应的id值

    <input type="radio" name="sex" id="female">

    <lable for="female">男</lable>

  b.lable把内容和表单一起包裹,需要将lable的for删去

   <lable>

      <input type="radio" name="sex">女

  </lable>

 

 

  

posted @ 2022-02-26 15:37  MIYUKI132  阅读(47)  评论(0)    收藏  举报