码迷,mamicode.com
首页 > Web开发 > 详细

HTML学习

时间:2019-01-26 13:13:41      阅读:196      评论:0      收藏:0      [点我收藏+]

标签:ado   width   密码   span   border   用户名   length   设置   table   

  周一了解了大概都要学习哪些内容,接下来四天就是在写HTML,CSS,H5,CSS3,下周学习js,两天休息,然后就可以回家啦!

HTML学习

  1. 头标签<head></head>

    1. <!DOCTYPE html>H5的文档声明

    2. <meta/charset="utf-8">元信息,H5更改地更加简单

  2. 常用标签

    1. <p></p>段落

    2. <pre></pre>预文本(不太好用)

    3. </br></hr>换行和分割线

  3. 常用属性

    1. <a href="www.baidu.com"></a>

      1. 超链接作用

      2. 书签作用<a href="#a"><p id="a">

    2. <a target="blank">在新的一页打开

    3. <img src="images/1.jpg" width="100"/>

  4. 表格和表单
    1. 表格格式

      1. <table>

            <tr>

                <td>

                </td>

            </tr>

        </table>

    2. 表格属性

      <table border="2" align="center">

      <td colspan="2" rowspan="2">合并两行

    3. 表单是为了向服务端提供数据,用于用户交互

      格式:<form>

                       <input type=""/>

                 </form>

    4. 表单元素input-type的类型有:text password hidden radio checkbox button submit file

    5. 表单元素的一些属性
      1. value值

      2. name参数名

      3. readonly="readonly"

      4. disabled="disabled" 

      5. checked="checked" 针对radio和checkbox

      6. selected="selected" 针对select-option 

      7. size=""设置输入框大小

      8. maxlength=""设置输入的最大字符串长度

       文本域<textarea></textarea>

       实例:

 1 用户名:<input type="text" name="username" readonly="readonly" size="5"  value="杜甫"/><br/>
 2 <br/>
 3 登录名:<input type="text" name="loginname" maxlength="5"/><br/>
 4 密码:<input type="password" name="password" disabled="true"/><br/>
 5 <input type="hidden" value="123"/><br/>
 6 性别 :<input type="radio" name="sex" value="1" checked="true"/> 7      <input type="radio" name="sex" value="0"/><br/>
 8 爱好:
 9 <input type="checkbox" name="hobby" value="1"/>写诗

10 <input type="checkbox" name="hobby" value="2"/>追李白<br/> 11 12 选择文件:<input type="file" value="选择你的代表作" /> 13 <br/> 14 自我介绍: 15 <!-- 8.文本域 --> 16 <textarea name="self" rows="10" cols="50">121212</textarea><br/> 17 <!--9. 下拉菜单--> 18 地址:<select name="province"> 19 <option value="zhejiang">长安</option> 20 <option value="jiangxi" selected="true">洛阳</option> 21 <option value="hunan">陇西</option> 24 </select> 25 26 <input type="button" value="登录"/> 27 28 <input type="submit" value="注册"/>

 

 

 

HTML学习

标签:ado   width   密码   span   border   用户名   length   设置   table   

原文地址:https://www.cnblogs.com/anzhilanxiao/p/HTML.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!