html的基础知识总结

                                                                                                                        html的基础知识总结

html的基本结构式：

<元素  属性=“属性值”>内容</元素>

<元素  属性=“”属性值“/>无内容

eg: <font color="red">文雨婷</font>

      <img  src="1.jpg"   width=400px   height=500px/>

超链接：<a href="#">内容</a>

table元素：

eg:  <table   border=1   width=200   heigth=200   cellspacing=1     cellpadding=2>

        <tr><td  colspan=2><td/><tr/>   /*一行一列*/

        <tr  rowlspan=2><td><td/><td><td/><tr/>   

        <tr><td><td/><td><td/><tr/>   /*一行两列*/

        </table>

有序和无序列表

无序：

eg:  <ul  type="circle">

       <li></li>

       <li></li>

        </ul>

有序：

eg:  <ol  type="1">

       <li></li>

       <li></li>

        </ol>

框架元素：

eg:  <frameset   rows="20%,80%"   scrolling="yes">

        <frame   src="top.html'>

        <frameset   cols="20%,80%"   scrolling="yes"><frameset   cows="20%,80%">

        <frame   src="left.html">

        <frame   src="right.html">

        </frameset>

        </frame>

        </frameset>

注：target=""  新开一个网页

表单元素：

eg:  <form   action="a.html'    method="post">

        用户名：<input   type="text"   name="user"/></br>

        密码：<input   type="password"   name="pwd"/></br>

        <input   type="submit"   value="提交"/></br>

        <input   type="reset"   value="重新填写"/></br>

        </form>

       checkbox(复选框)     redio(单选框)     image(图片按钮)

行元素和块元素：

行元素：span    a    

块元素：div

行转块：display : block ;

块转行：diaplay : inline ;

补：

   元素： blink     闪烁

                hr          标题线

                b            黑体

                i             斜体

                u           下划线

                <marquee    direction="right">内容</marquee>