11.14和11.16笔记

11.14

<img src="      " alt="" align="middle"(文字居中） hspace="200px"(水平间距） vspace="200px"（垂直间距）>加文字

超链接：
<a hef="http://www.    .  com" (target="-blank"保留原页面）>.....</a>超链接
<a hef="         >点击进入第一个页面</a>

div标签:
   <div>文字</div>(没有任何含义 用来划分区域）

span标签:
   <span>文字</span>配合css使用没有任何语义

视频标签：
    <video src="../         " controls(框架）autoplay muted(自动播放）loop width="400px"(循环播放)></video>

音频标签：
    <audio src="../        ">

锚链接：
    目录：
    <a href="#gaige>....</a>

表单：所有表单name才可以提交
    <form action="  ">      </form>
               用户名：<input type="text">
               密码：<input type="password">
               性别：男<input type="radio"name="sex" value="男"> 女<input type="radio" name="sex" value="女">  checked（固定选项）
（name后面一样为一组  value为提交的数据）
            
             多选：吃饭<input type="checkbox" name="hobby">
              

             按钮：<button>点击提交</button>
                        <input type="submit"name=" " id=" ">
                        <input type="button" name=" " value="按钮内容">(无用按钮）
    
                        disable(禁用）   selected（默认选择用于下拉框形式）
           有value传value 没有value传用户输入的

          下拉框:<select name="city" id" ">
                         <option value="西安”>西安<option>
                     </select>

           placeholder="请输入您的用户名"

           文本框：<textarea name=" "id=" " cols="30" rows="10"></textarea>

           <input type="url">
           <button>提交</button>(提交网址）

 

11.16

表格标签：<table border="1px" cellspacing="0">
                 <caption>表名</caption>
<thead></thead>(align:水平方向；valign：垂直方向）
                       <tr>(行）（bgcolor：背景颜色） 
                          <th>姓名</th>（加粗）
                       </tr>
                </thead>
                <tbody>
                <tr>
                <td>张三</td>
              </tr>  
            </tbody>
            <tfoot>   
                </table>

           跨行：rowspan="2"      跨列：colspan
          
iframe加框：<iframe src="页面" frameborder="0" width="   "></  >（嵌入页面）
                  <a href="  " target="ee">我的表格</  >
                  <iframe name="ee”></  >
                
<dialog open>
      <form action="#">
          用户名：<input type="text" value=" ">
       </  >
     </  >
        
      <details>
        <summery>关于其</  >
          服务今晚
       </    >(详情）    

全局属性：
               <class>和css用
               <div class="test"> </ >加tabindex="1"有框表 加contenteditable="True"可改
                <div class="test"> </  >
表单补充：
            <form action="#">
          性别：<label><input type="       ></  >(点文字）

特殊字符：
             &nbsp;(表示一个空格）
             &lt（小于号）
             &gt（大于号）
             &copy（版权信息）

css的引入:在head
      1<div style="width:     ;height:   ; background-color: >  </  >
  <style>
          选择器{   

        }
        2div{
              width：
              height：
          }

        3：<link rel="stylesheet" href="     ">

基本选择器：ctrl+/(注释）
              标签选择器
              类选择器：.xx
              id选择器：#加id
              通配符选择器:*

包含选择器：
1：类选择器>li(外层）
后代选择器：.ul1 li
符合选择器：xxx，
                    xxxx{
属性选择器：input[type"url"]{

}
     &以什么结尾
      ^以什么开头
      *包含什么

伪类选择器：a:hover+div{

}（鼠标悬停改变）
a:focus（瞬停）

ul li：nth-child（3）（只可找li）
ul li：nth-of-type 所有

伪元素选择器： 
      ul li：：before{ 
                          content：”666“
}