HTML百宝箱（1从0开始）

前端开发作者： 2024-08-20 03:30:01

标准格式（XHTML） l 元素必须正确嵌套 l 元素必须始终关闭 l 元素名和属性名必须小写 l 文档必须有且仅有一个根元素 l 属性值必须使用双引号括起来 l 声明文档为标准的HTML格式，需在文

<标签名  属性名=“属性值”>……</标签名>

a href="#dong">跳转a>    
name="dong">将跳转到此处>

 1 table border="1" cellpadding="10px">
 2     caption>表格名称 3     <!--表格头-->
 4     thead 5         tr> 
 6           th>id 7           >用户名 8           >昵称 9         10      >       
11      表格内容12      tbody13         >第一行14           td>115           >东小东16           >昵称信息17         18         第二行...19            >....20         21      22 table>

1 ul type="circle"2     li>东小东13     >东小东24     >东小东35 ul>

ol ="I"ol>

dldt>标题1dd>内容一>内容二5     >标题26     >内容二一7 >

form action="lai.php" method="post"实现点击文字，输入框也会得到光标label for="userid">用 户：labelinput id="userid" type="text" name="user" 5     br/>
 6     ="passwdid">密 码： 7     ="passwdid"="password"="passwd" 8      9     ="submit" value="提交"10     ="reset"="重置"11 form>

textarea cols="30" rows="donglist">默认文字textarea>

="radio"="radx"="1" 男
="2" 女
="3" >谁

div ="divbox"2 ="checkbox"="boxd[]"="1xx" 选项1
3 ="xx2" checked选项2
4 ="3dong"选项3
div6 button onClick="butallc()">全选button="butcancel()">取消8 ="buttrallc()">反选>

 1 <script>
 2 //得到所有的孩子对象
 3 divobjx=document.getElementById("divbox");
 4 checkchildsx=divobjx.children;
 5 全选
 6 function butallc(){
for(var i=0;i<checkchildsx.length;i++){
 8         var xx=checkchildsx[i].checked; //获取值
 9         checkchildsx[i].checked=true;修改值
10     }
}
12 取消
13  butcancel(){
14     15         16         checkchildsx[i].checked=false;17 18 19 反选
20  buttrallc(){
21     22         var xx=checkchildsx[i].checked; 获取值
23         if(xx){checkchildsx[i].checked=false;}24         else checkchildsx[i].checked=true;
25 26 27 </script>

 1 <script src="jquery-3.3.1.min.js"></script>
 2 <script>
 3  4 divobjx=document.getElementById("divbox" 5 checkchildsx= 7  8     $('[type="checkbox"]').prop("checked", 9 12       $('[type="checkbox"]').prop("checked",1)">false14 15 16     $('[type="checkbox"]').each(function(){循环操作
17          方法一
if(this.checked) this.checked=false;
19         else this.checked=true;    
方法二
21         if($(this).prop("checked")) $(this).prop("checked",1)">else $(23     });    
24 25 </script>

select 2         option>dongxiaodong 13         >dongxiaodong 24         >dongxiaodong 3select>

fieldsetlegend>东小东小标题    ......
    东小东内容
>

body bgcolor="FFFF00" marginwidth="0px"h1>东小东内联框架的使用iframe src="https://www.baidu.com"  frameborder="0" width="100%" height="900px"4     
iframe>        
body>