HTML5自学

Posted 2020-07-27 {抠得儿:Coder}

  1 <p>
  2   <b>今天周一</b>，<span>呵呵呵呵呵。。。</span>
  3 </p>
  4      <i>斜体文字</i>
  5 
  6      <b>加粗文字</b>
  7 
  8      <span>块span</span>
  9 
 10      <div class="">
 11        块标签_头部
 12        <div class="">
 13          内容
 14          <h1>标题</h1>
 15          <p>
 16            <!-- div代表大块，span代表小块 -->
 17            六点多了，<span>快下班了</span>
 18           <span> 六点多了，</span><div>快下班了</div>
 19          </p>
 20        </div>
 21      </div>
 22 
 23 
 24 <!-- <img src="图片路径或者网络图片网址" alt="" /> -->
 25 <img src="myImage.png" alt="图片不能正常显示的时候显示该项" />
 26 
 27 <!-- <br> 换行标签-->
 28 <br>
 29 
 30 <img src="http://img.jsqq.net/uploads/allimg/140323/1_140323142840_15.gif" alt="图片不能正常显示的时候显示该项" />
 31 <br>
 32 <img src="http://sa" alt="图片不能正常显示的时候显示该项" />
 33 
 34 <hr>
 35 <!-- <hr> -->hr分割线
 36 <hr>
 37 
 38 <!-- <a href="跳转链接网址">跳转标签</a> -->
 39 <a  href="http://www.cnblogs.com/tig666666/" >跳转标签</a>
 40 
 41 <br><br>
 42 <table border="1px">
 43     <!-- table标签 border边框-->
 44     <!-- <tr>tr代表行标签</tr> -->
 45    <tr>
 46      <!-- <td>列标签 </td> -->
 47      <!-- <th>表头标签</th> -->
 48     <th>th姓名 </th>
 49     <th>th性别 </th>
 50    </tr>
 51 
 52    <tr>
 53      <td>td姓名  </td>
 54      <td>td性别 </td>
 55    </tr>
 56 
 57    <tr>
 58      <td>td姓名  </td>
 59      <td>td性别 </td>
 60    </tr>
 61 
 62 </table>
 63 <br><br>
 64 
 65 
 66 <!-- <ul>无序（序号）列表</ul> -->
 67 <ul>
 68   <!-- <li>表内项</li> -->
 69   <li>ul li html</li>
 70   <li>ul li CSS</li>
 71 </ul>
 72 
 73 <!-- <ol>
 74   有序列表
 75 </ol> -->
 76 <ol>
 77   <!-- <li>表内项</li> -->
 78   <li>ol li HTML</li>
 79    <li>ol li CSS</li>
 80 </ol>
 81 
 82 <!-- 表单标签 用于请求数据    method :网络请求方式GET/POST-->
 83 <form class="" action="http://www.baidu.com" method="get">
 84 <!-- <form class="" action="http://www.baidu.com" method="post"> -->
 85 <!-- tyoe :类型 __text:输入框 password :加密输入框 button:按钮  checkbox :复选框  radio:单选框_用name区别不同选框-->
 86 <!--  name:用于区别不同类控件-->
 87 <!--  vaklue:控件内值，显示的文字-->
 88 UserName_text:<input type="text" name="UserName" value="" placeholder="请输入用户名">
 89 <br/>
 90 
 91 PassWord_password:<input type="password" name="PassWord" value="" placeholder="请输入密码">
 92 <br/>
 93 是否记住登录状态_checkbox：<input type="checkbox" name="name" value="是否记住登录状态">
 94 是否记住密码_checkbox：<input type="checkbox" name="name" value="是否记住登录状态">
 95 <br/>
 96 男_radio：<input type="radio" name="name" value="男_radio">
 97 女_radio：<input type="radio" name="name" value="男_radio">
 98 <br/>
 99 HTML5_radio：<input type="radio" name="name1" value="HTML5">
100 OC_radio：<input type="radio" name="name2" value="C_radio">
101 
102 <br/>
103 <!-- textarea:多行输入框 -->
104 <textarea name="name" rows="8" cols="40"></textarea>
105 <br/>
106 Submit_button:<input type="button" name="Submit" value="Submit">
107 <!-- type = submit 提交表单 -->
108 <input type="submit" name="name" value="submitInput">
109 
110 </form>
111 
112 
113 
114 
115   </body>