html 最初级学习笔记一

一: 有序列表 ol

二:无序列表 ul

三: 自定义列表dl

四:文字标签 h1 p  font b()加粗 i()斜体  u(下划线) sup(上标) sub(下标)

五:无意义字符标签 span

六: 无意义块标签 div

七:宽width   高height  title当当鼠标点上去是显示的信息 alt 当图片加载失败时显示的信息

八:所有标签身上都有的属性 title  stytle  id class

九:锚点  -a标签

    <a name="top"></a>  

十:超链接 -a标签

    <ahref="http://www.baidu.com"> 百度</a>

十一:表格table

     tr:table row  行

    td : table data  lie

   caption  表名

    th :列表名

例:

<table border="1px" width="500px" height="300px" align="center">


         <caption>班级信息表</caption>

            <tr bgcolor="#000000">

                    <th><font color="red">姓名</font></th>

                   <th><font color="red">年龄</font></th>

                  <th><font color="red">性别</font></th>

            </tr>

                <tr align="center">

                        <td valign="bottom">小鸟</td>

                         <td>20</td>

                        <td valign="top">男</td>

              </tr>

             <tr align="center">

                        <td valign="bottom">大鸟</td>

                         <td>22</td>

                        <td valign="top">男</td>

              </tr>

</table>


表单  font标签

action=“地址”

method=“get”

文本元素<input type=“text” name=“一定要有”>

密码元素<input type="password" name="一定要有">

提交 <intup type="submit"  name="一定要有">

重置 <input type="reset" name="一定要有">



例:<form action="123.php">

         <table border="0px" width="500px" align="center"

              <caption>注册信息</caption>

                   <tr>

                  <td>用户名:<input type="text" name="123" size="50"></td>

                    </tr>

                     <tr>

                 <td>密码:<input type="password" name="234" size="50"></td>

                        </tr>

                       <tr>

                            <td><input type="submit" value="确认"></td>

                            <td><input type="reset" value="重置"></td>

                       </tr>          

         </table>

     </form>




 





你可能感兴趣的:(html,学习笔记,杜汝凯)