分类
前端

html 基本介绍

文字与段落

文字内容

标题字

# 1-6 分为6级标题
justify 为两端对齐

空格

特殊字符

特殊字符 符号代码 - 特殊字符 符号代码
& & - > >
© © - " "
® ® - · ·
£ £ - § §
¥ ¥ - ¢ ¢
± ± - €
× × - ™
< &lt; - | &#124;

注释

文字样式

face 字体

文字修饰

粗体、斜体、下划线

删除线

上标和下标

地址文字

等同于斜体加前后换行

等宽文字

实现打印机风格的效果,用于英文

段落

段落标记

换行

nobr 强制浏览器不换行
wbr 在 nobr 中强制换行

居中标记

水平分割线

align 水平对齐方式
noshade 水平线不出现阴影

预格式化

不压缩空格和换行符

标签省略

不解析任何html标签

列表

无序列表

type 的值 :

  • disc 实心圆点
  • circle 空心圆点
  • square 实心方块

有序列表

  1. type的值: 1(数字)、a(小写英文字母)、A(大写英文字母)、i(小写罗马)、I(大写罗马)
  2. start 改变起始值
  3. 单个列表type,改变当前样式,顺序值不变
  4. 单个列表value,改变当前样式,并影响后续(只适用于有序列表)

定义列表

dl 创建自定义列表
dt 列表中的上层目录 左对齐
dd 列表中的下层目录 相对dt右对齐

菜单列表和目录列表

菜单列表用于显示简单的单列列表,一般不嵌套

目录列表常用于显示一个多列的文件列表,可做嵌套

他们可以看成无序列表的一种特殊形式,不建议使用

超链接

创建超链接

target属性

链接对象

图片链接

书签链接

电子邮件链接

浏览器安装电子邮件软件才能使用
多个电子邮件地址用;隔开
空格用%20代替

邮件参数 说明
subject 主题
cc 抄送收件人
bcc 暗送收件人,收件人和抄送人看不到暗送人
body 邮件内容

FTP链接

下载文件的链接

url 文件的相对或绝对路径
文件类型可以是:word、pdf、exe、压缩文件等

多媒体

图片

hspace 水平间距 ;vspase 竖直间距
align 默认 bottom
border 默认0

align属性 说明
left center right 左对齐 居中 右对齐
top middle bottom 顶部对齐 中部对齐 底部对齐
absbottom absmiddle baseline texttop 最低底部对齐 最大中部对齐 底部与文本基线对齐 最高顶部对齐

滚动文字

marquee属性 说明
behavior 滚动方式:scroll 循环(默认) 、slide 一次停止 、alternate 来回交替
direction 滚动方向:left、right、up、down
bgcolor 背景颜色:英文、#rrggbb
width height 宽 高:数字、相对百分比
hspase vspase 滚动文字背景与周围元素的空白:数字
loop 滚动文字循环次数:正整数、infinite(无限次)
scrollmount 文字每次移动距离:数字(px)
scrolldelay 文字每次移动间歇时间(ms)

背景音乐

只支持ie
loop 循环次数

其他多媒体文件

加载的文件如:wmv、mp3、avi、swf、mov、rmvb
loop :true 无限次、false 一次(默认)
pluginspage:插件页面
type :application/x-shockwave-flash(flash)、media-type

表格

表格标记

标题

表头

表格属性修饰

表格属性 说明
border 边框,默认为0
bordercolor 边框颜色
bordercolorlight 边框左上颜色
bordercolordark 边框右下颜色
width height 宽度 高度
bgcolor 背景颜色
background 背景图片
frame 边框样式:above 上、below 下、hsides 上下、lhs 左、rhs 右、vsides 左右、border 上下左右、void 不显示
rules 内边框样式:all 所有、none 不显示、cols 列、rows 行、groups 介于行列间的边框
cellspacing 单元格间距
cellpadding 单元格边距(内容与单元格之间)
align 水平对齐方式:left、center、right

行属性

align: left(默认)、center、right
valign:top、middle(默认)、bottom

单元格属性

单元格属性 说明
align valign 内容水平对齐 内容垂直对齐
bgcolor background 背景颜色 背景图像
bordercolor bordercolorlight bordercolordark 边框颜色 左上 右下
width height 宽 高
rowspan 跨行 纵向
colspan 跨列 横向

框架

框架的设置

水平分割

frameset 不能放在body中
高度:数值(px)、百分比
* 代表最后一个子窗口的高度,值为分配其它窗口剩余的
frame :显示 url相应的内容
border :边框的宽度
frameborder : 1 显示边框、0 隐藏边框

竖直分隔

嵌套分隔

此例分隔完为厂字形

子窗口的设置

src : 子窗口显示网页
name : 子窗口名称
scrolling : yes 显示、no 不显示、auto 自动
noresize:不可调整窗口尺寸
marginwidth marginheight:左右边距 上下边距

浮动框架

可以包含在body内
allowtransparency="true" style="background-color=transparent" 设置背景透明

浮动框架属性 说明
src 源文件路径
width height 窗口宽度 窗口高度
name 框架名称
align 框架对齐方式
frameborder 是否显示框架边框: 1 显示、0 不显示
framespancing 框架边框宽度
scrolling 设置框架滚动条
noresize 设置尺寸不可调整
bordercolor 边框颜色
marginwidth marginheight 左右边距 上下边距

表单

表单的结构

method : get、post
action:提交的地址
input 框的 type 类型为:test、submit、reset、password、checkbox、radio、image、hidden、file
input 框还有个checked属性

单行文本输入框

size :显示最大字符数
maxlength : 输入最大字符数
可以添加 readonly(只读) 属性

提交按钮和重置按钮

密码输入框

复选框

此处value必填
name的值最好相同,且为数组
checked默认选中

单选框

name的值必须相同

图像按钮

点击也会起到提交作用

文件选择输入框

form 要加 enctype="multipart/form-data"
只能用post

隐藏框

多行文本输入框

rows : 设置行数
cols : 设置列数
wrap : virtual 文本自动换行,传输服务器时enter键地方换行、physical 文本加服务器都自动换行、off 不自动换行

下拉列表框

size : 显示列表框选项的数目(在外)
multiple : 允许多选,需按住ctrl
selected : 默认选中

发表评论

电子邮件地址不会被公开。 必填项已用*标注