2012-04-28 HTML 基础学习笔记(2)

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>行间标签




  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值