前端

HTML学习

云博小周宇2 Mins Read

　　周一了解了大概都要学习哪些内容，接下来四天就是在写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="注册"/>