HTML入门

常用标签：

　……  字体标签（已过时）

　

……

  段落标签

　
换行

　  注释

　……  标题（默认独占一行）h1-h6

　**  显示图片

　　src：图片路径 

　　alt：路径下的文件不存在时给一个提示

　　height：高度 

　　width：宽度

　……  超链接

　……  锚点

　

　无序列表：

　

            

    　　

  • ……

  • 　　

  • ……

  • 　　

  • ……

  • 　

　有序列表：

　

            

    　　

  1. ……

  2. 　　

  3. ……

  4. 　　

  5. ……

  6. 　

常用转义字符：

表格:

    <table border="1" width="600px">
        <caption>商品库存表caption>
        <thead>
            <tr>
                <th>商品类别th>
                <th>商品名称th>
                <th>单位th>
                <th>数量th>
            tr>
        thead>
        <tbody>
            <tr>
                <td rowspan="2">家电类td>
                <td>冰箱td>
                <td>台td>
                <td>520td>
            tr>
            <tr>
                
                <td>洗衣机td>
                <td>台td>
                <td>13td>
            tr>
            <tr>
                <td>辅料td>
                <td>插线板td>
                <td>个td>
                <td>14td>
            tr>
        tbody>
        <tfoot>
            <tr>
                <td colspan="4">备注：td>
            tr>
        tfoot>
    table>
table

 　align="right left center justify char"设置水平对齐   

　 valign="top middle bottom baseline":设置垂直对齐

 表单：

实现简单登录页面

    <h1 align="center">注册信息h1>
    <form>
        <table align="center" border="1" frame="void" rules="none" bgcolor="#f2f2f2" height="150px">
            <tr>
                <td><label>用户名：label>td>
                <td>td>
                <td><input type="text" name="">td>
                <td>td>
                <td>td>
            tr>
            <tr>
                <td><label>密码：label>td>
                <td>td>
                <td><input type="password" name="">td>
                <td>td>
                <td>td>
            tr>
            <tr>
                <td><label>确认密码：label>td>
                <td>td>
                <td><input type="password" name="">td>
                <td>td>
                <td>td>
            tr>
            <tr>
                <td><label>上传图片：label>td>
                <>      td>
                <td><input type="file" name="" value="">td>
                <td>      td>
                <td>      td>
            tr>
        table>
    form>
简单登录页面1 

    <form action="" method="post">
        <h2 align="center">注册h2>
        <table border="0" width="500px" align="center">
            <tr>
                <td align="right">请输入用户名：td>
                <td><input type="text" name="" id=""/>td>
            tr>
            <tr>
                <td align="right">请输入密码：td>
                <td><input type="password" name="" id=""/>td>
            tr>
            <tr>
                <td align="right">确认密码：td>
                <td><input type="password" name="" id=""/>td>
            tr>
            <tr>
                <td align="right">性别：td>
                <td><input type="radio" name="xb" checked="checked"/>男
                    <input type="radio" name="xb"/>女
                td>
            tr>
            <tr>
                <td align="right">兴趣爱好：td>
                <td><input type="checkbox" name="">爬山
                    <input type="checkbox" name="">看书
                    <input type="checkbox" name="">游泳
                    <input type="checkbox" name="">思考
                td>
            tr>
            <tr>
                <td align="right">生日：td>
                <td>
                    <select>
                        <option value="2017">2017option>
                        <option value="2018" selected="selected">2018option>
                        <option value="2019">2019option>
                        <option value="2020">2020option>
                    select>
                    <select>
                        <option value="1">01option>
                        <option value="2">02option>
                        <option value="3">03option>
                        <option value="4">04option>
                    select>
                    <select>
                        <option value="1">01option>
                        <option value="2">02option>
                        <option value="3">03option>
                        <option value="4">04option>
                    select>
                td>
            tr>
            <tr>
                <td align="right">头像：td>
                <td><img src="image/Dog.jpg" width="40px" height="40px">
                    <select>
                        <option value="1">01option>
                        <option value="2">02option>
                        <option value="3">03option>
                    select>
                td>
            tr>
            <tr>
                <td align="center" colspan="2">
                    <input type="submit" name="" value="注册">
                td>
            tr>
        table>
    form>
简单登录页面2
网页前端基础

相关

标签