表格介绍

表格由一行或者多行单元格组成，能够友好的对数据进行整理归类，以便对数据进行分析。
一个表格结构由以下标签组成：
<table> | table标签可定义表格。在table标签内部可以放置表格的标题、行、列
<caption> | caption可以定义一个表格标题。该标签紧跟在table标签后，每个表格只能定义一个标题。标题通常会显示在表格最上方
<th> | 定义表格内的表头单元格 文本会显示为粗体居中
<tr> | 在表格中定义行
<td> | 在表格中定义列
<thead> | 定义表格的表头
<tbody> | 定义表格的主题
<tfoo> | 定义表格的页脚

默认表单

表单是一个包含表单元素的区域，在网页中负责数据采集功能。一个表单有三个基本组成部分：

• 表单标签：包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。
• 表单域：包含了文本框、密码框、隐藏域、多行文本框、多选框、单选框、下拉选择框和文件上传框等。

• 表单按钮：包括提交按钮、重置按钮和一般按钮；用于将数据传送到服务器上的CGI脚本或者重置输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。
  下面就写一个最基本的表单

  阅读全文 »

在列表中图文嵌套

这次写个列表中图文嵌套的小例子 例子中模仿百度新闻首页中的效果

先把HTML代码写出来，很简单

<div>
    <ul>
        <li><a href="#"><img src="images/tw1.jpg"><span>许晴晒出游美照 河边蹦跳</span></a></li>
        <li><a href=""><img src="images/tw2.jpg"><span>小芈月刘楚恬周出游爆潮</span></a></li>
        <li><a href="#"><img src="images/tw3.jpg"><span>45岁梁佩瑚嫁圈外富商</span></a></li>
        <li><a href="#"><img src="images/tw4.jpg"><span>高圆圆着宽松衣回京显亲民</span></a></li>
        <li><a href="#"><img src="images/tw5.jpg"><span>姚晨宣布11月将生二胎</span></a></li>
    </ul>
</div>

列表的种类

在网页中的列表分为三种：无序列表(ul)、有序列表(ol)、自定义列表(dl)。

无序列表

无序列表用ul标签和li标签来表示，一个正确的未嵌套的无序列表如下：

<ul>
    <li>第一个li</li>
    <li>第二个li</li>
</ul>

在ul中如果嵌套div。比如

今天任务多，偷点懒少写一些

背景图优化

在网站页面中背景图片往往是必不可少的，它能帮助我们美化页面或者增加页面信息量。

图片格式

在网页中常用的图片格式有jpg gif以及png。

jpg格式

jgp格式也称为JPEG格式，以24位颜色存储单个位图。它能够以牺牲图像质量为代价对图片进行压缩。所以jpg格式的图片比较小，下载速度快，在页面中很受欢迎。