2012.4.28 HTML基础学习笔记
——张伟
物理字体
相当于特定的快捷方式
-> <b>定义粗体
-> <i>意大利斜体
-> <tt>打字机字体,即所谓的等宽字体
-> <u>代表下划线
-> <sup>、<sub>上标、下标,例如:平方数
-> <s>删除线
逻辑字体
-> <em>强调文本
-> <strong>强调文本
-> <code>计算机代码文本
-> <samp>计算机代码样本
-> <small>小号文本
预格式化标签<pre></pre>
专门用来处理格式化数据,怎么写的就怎么显示
->注意:使用此标签时,尽量不用tab键,一般与code标签一起使用
marquee标签<marquee></marquee>
此标签已经被淘汰,被javascript和css取代
->direction
->behavior
链接标签<a href="网址或IP地址">、、、</a>
链接可以是一个字,一个词,一句话,一幅图片
两种使用方式:
->跳入到另一个文档
->在href中写入目标文档的地址即可
->跳到当前文档中某个地方
->首先设定一个“锚定”,再条用锚定,<a name=""></a>|<a href="#name"></a>
->跳到另一网页中的某个地方
->组合href和#name两种方式即可
body标签
->text属性:文本的颜色<body text="red">、、、</body>
->link属性:超文本链接的颜色,即<a></a>标签
->alink属性:点击的同时链接的颜色
->vlink属性:点击之后的链接的颜色
->bgcolor属性:背景颜色
->background属性:背景图片,会自动平铺
列表
注:列表list,有序order,无序unorder,每一项item,所以列表中的数据为li(list item),默认有序是数字,无序是圆点,ul的属性type可选square(方形),circle(圆圈),ol的属性type可选A,a,I,i,1
->有序列表<ol></ol>
->无序列表<ul></ul>
->自定义列表<dl></dl>
->项目号<dt></dt>
->对应的解释<dd></dd>
table标签 <table></table>
只有行没有列,只不过没一行的元素对得很整齐
<tr></tr>:table row
<td></td>: table data
表格中的文字也可以添加超链接
表格中也可以放图片
跨行跨列表格
注:取最大的行数和列数
->colspan:取跨了几列
->rowspan:取跨了几栏
表格的相关属性
->bgcolor背景颜色
—>border边框的宽度
—>bordercolor边框的颜色
->width宽度
->hight高度
->cellpadding填充的大小表格当中数据与边框之间的距离
->cellspacing单元格与单元格之间的距离
<td>属性
->align水平方向上的对齐
->valign垂直方向上的对齐
->bgcolor
->width
->hight
<th></th>表示表头,即第一行或第一列
表单
用于向服务器传数据
放在<form>与</form>之间
->action属性:表示要提交到哪里,默认提交到当前文件当中
->method属性:表示提交的方式
->get此为默认方式,会将所有的提交信息以地址栏进行提交
—>post通过报文(浏览器和服务器之间的命令)进行提交
文本框标签
<input type="text"/>
->name表示该标签的一个“id”(因为后面有真的id)
->value表示文本框的值和数据,相当于winform的text属性
->maxlength输入的最大长度
->size文本框的宽度
密码标签
<input type="password"/>
提交按钮
<input type="submit"/>
文本域标签
<textarea></textarea>
->rows
->cols
重置按钮
<input type="reset"/>
按钮标签
<input type="button"/>
图像标签
<input type="image"/>
复选框标签
<input type="checkbox"/>
单选框标签
<input type="radio"/>
文件选择标签
<input type="file"/>
下拉列表标签
<selected>
<option></option>
</selected>
相当于combobox和listbox
分区标签
-> <div></div>分行标签
-> <span></span>行间标签