HTML 基础

  <div>无实际意义标签</div>
    <p>段落标签</p>
    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>

<input type="text" name="">   <!--  可以在里面输入数字英语汉字 -->

<input type="number" name="">  <!-- 只能输入数字 -->

 <input type="password" name="">  <!-- 输入的数字或字母会变成小黑点 -->

 性别：
        <input type="radio" name="gender">男<!-- 给name一个一样的值在点击男女时只能在两个里面选择一个    -->
        <input type="radio" name="gender">女             

或者

<input type="radio" name="">男   <!--   name里面没有赋值的时候男女是都可以被选中的而且选择后不能被取消 -->
        <input type="radio" name="">女

点击前 

点击后

  性别：
        <input type="radio"  checked name="gender">男  <!-- 当在name前加入checked时会默认预先选中一个 -->
        <input type="radio" name="gender">女  

        对比
　　　　  性别：
        <input type="radio"  checked name="gender">男  <!-- 当在name前加入checked时会默认预先选中一个 -->
        <input type="radio" name="gender">女                                                                 
         性别：
        <input type="radio"   name="gender">男  
        <input type="radio" name="gender">女      
 

 

兴趣爱好：
    <input type="checkbox" name="">     <!--type的值是checkbox的话,能够被勾选，相当于一个复选框 -->
    玩游戏
    <input type="checkbox" name="">
    睡觉
    <input type="checkbox" name="">
    学习

  兴趣爱好：
    <input type="checkbox" name="">
    玩游戏
    <input type="checkbox" name="">
    睡觉
    <input type="checkbox" name="">
    学习

 <ul type="circle"> 当type值换成circle时就会变成空心圆                       <!--square-->
        <!-- 无序列表 -->
        <li>aaa</li>
        <li>bbb</li>
        <li>ccc</li>
    </ul>
     <ul type="square"> 当type值换成circle时就会变成实心方框                       <!--circle -->
        <!-- 无序列表 -->
        <li>aaa</li>
        <li>bbb</li>
        <li>ccc</li>
    </ul>
     <ul type=""> 当type值没有时就会变成实心圆                     
        <!-- 无序列表 -->
        <li>aaa</li>
        <li>bbb</li>
        <li>ccc</li>
    </ul>

 

    <ol type="a"><!-- A,i,I --><!-- 有序列表 -->
       <li>aaa</li>
        <li>bbb</li>
        <li>ccc</li> 
    </ol>
  <ol type="A"><!--A ,i,I --><!-- 有序列表 -->
       <li>aaa</li>
        <li>bbb</li>
        <li>ccc</li> 
    </ol>
      <ol type="i"><!-- A,i,I --><!-- 有序列表 -->
       <li>aaa</li>
        <li>bbb</li>
        <li>ccc</li> 
    </ol>
  <ol type="I"><!-- A,i,I --><!-- 有序列表 -->
       <li>aaa</li>
        <li>bbb</li>
        <li>ccc</li> 
    </ol>

 <a href="https://www.baidu.com">百度一下</a><!-- href 用于指定目标的url地址当为<a>标记应用href时，具有了超链接的功能-->

     a{
        text-decoration: none;/*取消下划线*/
    }

<a href="https://www.baidu.com">百度一下</a><!-- 可以将百度下面的下划线去除 -->

 

标签：aaa,性别,基础,bbb,标题,HTML,type,ccc
来源： https://www.cnblogs.com/guoguoya/p/15529566.html