HTML第二讲 排版和标签

1.web标准

WEB标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。

结构标准:xhtml和xml

表现标准:css

行为标准:javascript

网站:网页文档以及文档使用的资源的集合,有很多资源,使用文件夹来管理站点。

主要文件夹,如下:

images文件夹,css文件夹,js文件夹,index.html网页

2.排版

表格排版:通过表格,格式化显示数据功能,实现网页的排版(单元格嵌表格)。

<table> 标签定义 HTML 表格。

简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。

tr 元素定义表格行,th 元素定义表头,td 元素定义表格单元。

例:一个简单的html表格,包含两行两列

QQ截图20130716235557

align:对齐属性,值可为left、center、right。

border:显示表格的边界,默认0。

3.常见标签属性说明

width:长度

height:高度

src:指定图片路径

href:指定链接路径

target:指定窗口打开路径

cellspacing:边框边界

cellpadding:表格内容与边框界

background:背景图片

bgcolor:背景色

colspan:水平单元格合并

rowspan:垂直单元格合并

4.文字排版标记

<p> :标签定义段落

<ol>:编号列表或有序列表

<ul>:无序列表

<li>:要列表的项

<dl>:自定义列表

<dt>:定义列表的项目符号或文字

<dd>:定义列表项

<br/>:换行

&nbsp:空格

</span>:行内标记

排版案列

效果图如下:

login

代码如下:

<html>    
<head>      
<title>html表格排版02</title>      
</head>      
<body bgcolor="#0A3B64">      
   <br/>      
   <br/>      
   <br/>      
   <br/>      
   <br/>      
   <br/>      
   <br/>      
   <table align="center" background="loginbg_03.gif" ;528" height="254">      
   <tr>      
   <td ;230">      
   </td>

   <td>    
       <table>      
           <tr>      
           <td><font color="white">用户名
</td>      
           <td><input type="text" size="13"></td>      
           </tr>      
           <tr>      
           <td><font color="white">密码</td>      
           <td><input type="text" size="13"></td>      
           </tr>      
           <tr>      
           <td><font color="white">验证码</td>      
           <td><input type="text" size="13"></td>      
           </tr>      
       </table>      
   </td>

   <td>    
   <img src=\'#\'"      
   </td>

   </tr>    
   </table>      
</body>      
</html>

本文出自 “骑士-knight” 博客,谢绝转载!

你可能感兴趣的:(JavaScript,标签,文件夹,images)