• HTML5要点(二)


      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>
  • 相关阅读:
    重学数据库
    小炒肉
    地三鲜
    mac安装使用visualbox不能启动
    idea Services dashboard
    C# 使用Linq问题
    IDEA 修改页面不重启
    idea提交代码失败
    Idea git 强制同步fork的项目,会覆盖本地上传的文件吗?
    了解swagger遇到的问题
  • 原文地址:https://www.cnblogs.com/tig666666/p/5601709.html
Copyright © 2020-2023  润新知