Java EE 锚、表格用法

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
        <!-- HTML标签注释
        
        列表标签:dl
        
        上层项目:dt
        
        下层项目:dd:封装的内容会被缩进,有自动缩进效果

         -->
         
         <dl>
             <dt>上层项目内容</dt>
             <dd>下层项目内容</dd>
             <dd>下层项目内容</dd>
         </dl>
         


有序无序列表
<hr>         
         <!-- 有序无序项目列表
         
         有序:<ol>
         无序:<ul>
         无论有序无序,条目的封装都用的<li>
         而且他们都有缩进效果
          -->
         <ul type="square">
            <li>无序项目列表</li>
              <li>无序项目列表</li>
               <li>无序项目列表</li>
         </ul>
         
         <ol>
            <li>有序项目列表</li>
              <li>有序项目列表</li>
               <li>有序项目列表</li>
         </ol>
         
表格
<hr>
         <!-- 图片
         alt:属性--说明文字
          -->
          
          <!-- 表格
         
          -->
          
          <table border=1 bordercolor="#FF0000" celldding=10  width=300>
                  <caption>表头名称</caption>
                  <tr>
                      <th>姓名</th>  <!-- th  自动居中、加粗 -->
                      <th>年龄</th>
                  </tr>
                  <tr>
                      <td>张三</td>
                      <td>23</td>
                  </tr>
          </table>

             <table border=1 bordercolor="#FF0000" celldding=10  width=300>
                  <caption>表头名称</caption>
                  <tr>
                      <th colspan="2">个人信息</th>  <!-- colspan左右合并单元格 -->
                  </tr>                                                    <!-- rowspan左右合并单元格 -->
                  <tr>
                      <td>张三</td>
                      <td>23</td>
                  </tr>
          </table>

超链接
<hr>
            <!-- 
            超链接
            作用:链接资源
            当有了href属性才有了点击效果
            href属性的值不同解析的方式也不一样。
            
            如果在该值中没有指定过任何协议,是按照默认的协议来解析该值的
            默认协议是file协议
             -->
             
             <a href="www.baidu.com">百度一下</a>
            <a href="http://www.baidu.com">百度一下</a>
            
            <a href="mailto:934617699@qq.com" >联系我</a>
            
            <a href="javascript:void(0)" ></a>    <!-- 格式标签,让他无任何返回值 -->
            
            <!-- 定位标记
            锚!
            
             -->
            <a name=top>标记位置</a>
            <a href="#top" >回到标记位置</a>
            
</body>
</html>

 

posted @ 2016-10-29 08:19  丶疏影横斜  阅读(615)  评论(0编辑  收藏  举报