HTML+CSS+JavaScript+JQuery+JSP学习笔记

HTML标签
1.段落 <p></p>


2.换行<br/>


3.标题<h1></h1>--<h6></h6>  字体由大到小


4.水平线<hr/>


5.注释<!-- -->


6.(加粗<b></b>  倾斜<i></i>  不常用)   


7.下标  上标


8.预格式文本 <pre></pre>  用的不多


9.地址标签 <address></address>


10.删除线 <del></del>    下划线<ins></ins>


11.链接：


   文本链接<a href="跳转网址"></a>


   图像链接    <a href="跳转网址"  target="_BLANK">   //target="_BLANK"打开新页面
  <img alt="提示信息" src="图片地址或名字">
      </a>
   跳转到同一界面的不同位置：<a href="#name"> </a>  // #代表当前页面
   
   跳出框架：<a href="另一框架" target="_top">跳出框架</a>


   创建电子邮件链接：<a href="mailto：邮箱"></a>


13.框架


   垂直框架
   <frameset cols="25%,50%,25%">   //分为三列
<frame src="index1.html">
<frame src="index2.html">
<frame src="index3.html">
   </frameset>              //不写在body中


  水平框架
   <frameset rows="25%,50%,25%">   //分为三列
<frame src="index1.html">
<frame src="index2.html">
<frame src="index3.html">
   </frameset>              //不写在body中


   <noframes></noframes> //浏览器不支持框架时，有提示信息
   noresize="noresize"  //窗体不能动


14.表格
    <table border="1">  //border边框宽度
        <caption>表名</caption>
<tr>
            <th>表头1</th>
            <th>表头2</th>
        </tr>
<tr>              //行     一行两列
            <td></td>     //列
            <td></td>      
         </tr>


    </table>


    colspan="2"  //合并两列
    rowspan="2"   //合并两行
    cellpadding=""  //单元格边距（文本与边框的距离）
    cellspacing=""//单元格间距
     bgcolor=""   //背景颜色
    background=""  //背景图像
    align="left"  //对齐方式


15.列表
   无序列表
       <ul type="disc">   //disc实心点   list-style-type: none;//去掉实心点
                <li>红茶</li>
                <li>绿茶</li>
       </ul>
   有序列表
<ol type="1">  //自己给定
<li>苹果</li>
<li>香蕉</li>
<li>橘子</li>
</ol>
   
  自定义列表
        <dl>
<dt>序号1</dt>
<dd>内容1</dd>
<dt>序号2</dt>
<dd>内容2</dd>
</dl>


16.输入表单
   <fieldset>  //圈起来
   <legend>基本信息</legend>   //框题
        姓名：<input type="text" name="user">  //文本域
密码：<input type="password" name="psw">  //密码域
   </fieldset>
        爱好：<input type="checkbox" name="likes" value="sing">唱歌   //checkbox复选框