传智播客 Html基础知识学习笔记

HTML基础

<p></p>标志对用来创建一个段落，，<p>标志还可以使用align属性，

它用来说明对齐方式

语法是：<p align=""></p>。align可以是Left(左对齐)、Center(居中)

和Right(右对齐)三个值中的任何一个

在<blockquote><blockquote>标志对之间加入的文本将会在浏览器中按

两边缩进的方式显示出来

<dl></dl>用来创建一个普通的列表,<dt></dt>用来创建列表中的上层项目

<dd></dd>用来创建列表中下层项目

<dt></dt>和<dd></dd>都必须放在<dl></dl>标志对之间

<ol></ol>标志对用来创建一个标有数字的列表；<ul></ul>用来创建一个

标有圆点的列表；li></li>标志对只能在<ol></ol>或<ul></ul>标志对之间

使用，此标志对用来创建一个列表项，若<li></li>放在<ol></ol>之间则每

个列表项加上一个数字，若在<ul></ul>之间则每个列表项加上一个圆点

<div></div>标志对用来排版大块Html段落，也用于格式化表，此标志对的

用法与<p></p>标志对非常相似，同样有align对齐方式属性

<pre></pre>用来对文本进行预处理操作

<b></b>用来使文本以黑体字的形式输出；<i></i>用来使文本以斜体字的

形式输出；<u></u>用来使文本以下加一划线的形式输出

<tt></tt>用来输出打字机风格字体的文本；<cite></cite>用来输出引用

方式的字体，通常是斜体；<em></em>用来输出需要强调的文本(通常是斜体加黑体)；

<strong></strong>则用来输出加重文本(通常也是斜体加黑体)

<font></font>是一对很有用的标志对，它可以对输出文本的字体大小、颜色进行

随意地改变，这些改变主要是通过对它的两个属性 size 和 color 的控制来实现的

<table></table>标志对用来创建一个表格，有以下属性：

<table bgcolor="">            设置表格的背景颜色

<table border="">       设置边框的宽度,若不设置,则边框宽度默认为0 

<table bordercolor="">        设置边框的颜色

<table bordercolorlight="">   设置边框明亮部分的颜色(当border>=1才有用)

<table bordercolordark="">    设置边框昏暗部分的颜色(当border>=1才有用)

<table cellspacing="">        设置表格格子之间空间的大小

<table cellspadding="">       设置表格格子边框与其内部内容之间的大小

<table width="">              设置表格的宽度。单位用绝对像素值或总宽度百分比

<tr></tr>用来创建表格中的每一行；<td></td>用来创建表格中的一行中的每一格子

<tr>还有align和valign属性；align是水平对齐方式；valign是垂直对齐方式，取值

为top(靠顶端对齐)、middle(居中间对齐)或bottom(靠底部对齐)

<td>具有width、colspan、rowspan和nowrap属性。width是格子的宽度，单位用绝对

像素值或总宽度的百分比；colspan设置一个表格格子跨占的列数(缺省值为1)；

rowspan设置一个表格格子跨占的行数(缺省值为1)；nowrap禁止表格格子内的内容自动断行。

<th></th>标志对用来设置表格头，通常是黑体居中文字

<a href=""></a>

1）<a href="URL"></a>，这就能创建一个超文本链接

2）<a href="mailto:EMAIL"></a>，这就创建了一个自动发送电子邮件的链接

表单

<form></form>用来创建一个表单，有属性action、method和target

action属性是处理程序的程序名(包括网络路径:网址或相对路径)

method属性用来定义处理程序从表单中获得信息的方式，可取get或post中的一个

target属性用来指定目标窗口或目标帧

<input type="">标志用来定义一个用户输入区，用户可在其中输入信息

<input type="">标志中共提供了八种类型的输入区域:

<input type="TEXT" size="" maxlength="">

表示单行的文本输入区域,size与maxlength属性用来定义此种输入区域显示的尺寸

大小与输入的最大字符数

<input type="submit">表示将表单内容提交给服务器的按钮

<input type="reset">表示将表单内容全部清除，重新填写的按钮

<input type="checkbox" checked>表示一个复选框,checked属性用来设置该复选框

缺省时是否被选中,右边示例中使用了三个复选框

<input type="hidden">隐藏区域，用户不能再其中输入，用来预设某些要传送的信息

<input type="image" src="url">使用图像来代替Submit按钮,图像的源文件名由src

属性指定,用户点击后,表单中的信息和点击位置的X、Y坐标一起传送给服务器

<input type="password">表示输入密码的区域，当用户输入密码时，区域内降会显示"*"号

<input type="radio">表示单选按钮类型，checked属性用来设置该复选框缺省时是否

被选中,右边示例中使用了三个单选框