HTML基础

  1. 基本标签

    标签效果
    标题h1
    段落p
    换行br
    图片img
    加粗strong
    斜体em
    空格&nbsp
    超链接a
    文本区域textarea

    图片超链接

    <a href="#">
        <img src="" alt="">
    </a>
  2. 列表,同属一个整体,结构统一

    <ul>无序列表
        <li>
            一列的内容
        </li>
    </ul>
    ```
    有序列表
    <ol>
        <li>list01</li>
        <li>list02</li>
        <li>list03</li>
        <li>list04</li>
        <li>list05</li>
    </ol>
    
    分级列表
    <dl>
        <dt>title</dt>一级
        <dd>design01</dd>二级
        <dd>design02</dd>
        <dd>design03</dd>
        <dd>design04</dd>
        <dd>design05</dd>
    </dl>
  3. 锚点

    <a name='top'>锚点</a>
    
    <a href="#"> 回到锚点</a>
  4. 表格

    <table border="1px"align="center">
    <tr>一列
        <td>111</td>一个单元格
        <td>222</td>
        <td>333</td>
    </tr>
    <tr>
        <td>2111</td>
        <td>2222</td>
        <td>2333</td>
    </tr>
    <tr>
        <td>3111</td>
        <td>3222</td>
        <td>3333</td>
    </tr>
    colspan合并一行的单元格
    rowspan合并一列的单元格
  5. 表单:form
<form action="" method="get">
#method数据传输方式

    <label for="txtid">用户名</label>
    #label标签

    <input type="text"name="user_name"id="txtid"placeholder="USERID">

    <input type="password"name="user_password"id="txtpwd"placeholder="PASSWORD"minlength="6">
    #密码框,minlength最小长度

    <input type="radio"name="user_sex"id="sex_male"value="0"checked><label for="sex_male">男</label>
    #radio单选按钮,checked默认值

    <input type="radio"name="user_sex"id="sex_female"value="1"><label for="sex_female">女</label>

    <input type="checkbox"name="sport"id="che_sport"value="sport"><label for="che_sport">运动</label>
    #checkbox选择框

    <input type="button"value="按钮">
    <button>button</button>
    #button按钮

    <input type="reset">
    #reset清空

    <select name="sel_province" id="province">
        <option value="jiangsu">江苏</option>
        <option value="anhui"selected>安徽</option>
        <option value="chongqin">重庆</option>
    </select>
    #select下拉列表

    <input type="submit">
    #submit提交
</form>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值