2022-03-05

1. html

body属性

属性 说明
text rgb(r,g,b) rgb(%r,%g,%b) #rrggbb #rgb colorname 文本颜色
bgcolor 背景颜色
alink 活动链接颜色
link 为访问链接默认颜色
vlink 一访问链接颜色
background url 背景图像
topmargin px 上边距大小
leftmargin px 左边距大小

HTML常用特殊字符

HTML原代码         显示结果            描述
<                <           小于号或显示标记
>                >           大于号或显示标记
&               &           可用于显示其它特殊字符
"              “               引号
®               ®               已注册
©              ©               版权
™             ™               商标
                               空格

1.1. 块级标签

前后断行显示,默认状态下占用一整行

具有一定的宽度和高度,可以通过设置块级标签的width、height 属性来控制

块级标签常用作容器.即可以再容纳其他块级标签或行级标签。

1.1.1. 标题标签

一级标题

h1-h6,可使用 align属性对齐

1.1.2. 段落标签

有勇气就会有奇迹。

可使用 align属性对齐

1.1.3. 水平线标签

【标签】
【属性】 size:尺寸,取值单位为 px(像素),可以省略 width:宽度,取值单位为px(像素)可以省略或百分比 color:颜色,取值自然颜色值 align:水平对齐方式,取值:left/center/right

1.1.4. 列表

有序列表

【属性】 type:指定列表项标志的类型,默认为数字排列 取值:1(默认值)/a/A/i/I(顺序标号为数字、英文字母、罗马字母) start:定义起始值(数字),默认从1开始 取值:数字

无序列表

 
【属性】 type:指定无序列表的列表项标识 取值: disc,默认,实心圆/ circle空心圆/ square实心矩形 none,不显示标识

定义列表

列表中的标题内容
列表中的数据
使用场合:图文混排时使用

1.1.5. 表格

由元素定义。

【标签】
【属性】 width :设置表格的宽度 height:设置表格的高度 align:设置表格的对齐方式,取值: left/center/right border:设置表格边框宽度 cellpadding:内边距(单元格边框与内容之间的距离) cellspacing:外边距(单元格之间的距离) bgcolor:设置表格的背景颜色

table中的子元素

【标签】 (创建表行)
【属性】
    align:该行内容水平对齐方式,取值: left/center/right
    valign:该行内容的垂直对齐方式,取值: top/middle/bottom
    bgcolor:设置表格的背景颜色
 

【标签】 (创建单元格)
【属性】
    align:内容水平对齐方式
    valign:内容垂直对齐方式
    width :宽度
    height :高度
    colspan=值(数字,合并单元格的个数);
    rowspan=值(数字,合并单元格的个数);

【标签】 (表格标题)
【标签】 (表头,即列标题)
    行标题或列标题,字体有加粗的效果,放在tr中

【标签】 (表头)
【标签】 表主体)
【标签】 (表尾)

其他运用

(1)不规则表格

- 跨列:从指定单元格位置处,横向向右合并几个(包含自己)单元格

属性:colspan=值(数字,合并单元格的个数);

- 跨行:从指定单元格位置处,纵向向下合并几个(包含自己)单元格

属性:rowspan=值(数字,合并单元格的个数);

(2)表格的嵌套

在单元格中去嵌套另一个表格,但嵌套的表格必须要放在td中

1.1.6. 表单

定义,将用户输入的数据提交给后台。 【常见属性】 action:提交的服务器地址 method:表单数据提交的方式,取值: get:明文提交/post:隐式提交 name:定义表单名称,JS用到的比较多 id: 独一无二的标识 如:

【表单控件主要属性】

    type:根据不同的type属性值可以创建各种类型的输入字段
    value:最终提交给服务器的值
    name:控件的名称,提供给服务器使用,没有name,控件则无法提交
    id:唯一标识,只能在当前页面使用,服务器不能用
    disabled:禁用,不能被提交

常用的表单控件:

基本格式:



(1)文本框:
(2)密码框:
 【专有属性】
     maxlength:限制输入的字符数,取值:数字
     readonly:设置文本控件只读
(3)单选按钮:
                    name相同表示同一组
(4)复选框:
【专有属性】
     checked,设置默认被选中
(5)提交按钮:
(6)重置按钮:
(7)普通按钮:
     属性:onclick 值:事件代码
(8)图片按钮: 
(9)隐藏域:
(10)文件选择框:
**下拉选择框****select** **和** **option**

(11)多行文本框


只读和禁用属性
readonly:希望某个框内的内容只允许用户看,不能修改
disabled:因没达到使用的条件,限制用户使用

1.1.7. 分区元素

(1)块分区元素:
【特点】独立成行 【作用】页面布局 (2)行内分区元素: 【特点】多个元素在一行内显示 【作用】设置同一行文字内的不同格式

1.2. 行级标签

不会换行,多个元素会在一行内显示

可以嵌套行级标签

1.2.1. 文本样式

斜体:       
粗体:          
删除线:
下划线:
上标:
下标:

1.2.2. 换行元素

【标签】

1.2.3. 图像

【标签】
【属性】
    src:图片地址(绝对/相对)
    alt: 替代文本
    title:提示文字
    width:图像宽度 
    height:图像高度
    border:边框宽度

1.2.4. 行范围标签span


1.2.5. font

【标签】
【属性】
    size: 字号-1 ~+7
     color:值rgb(r,g,b),#rrggbb,colorname
     face:字体

1.2.6. 内容居中

文字、图片、其他对象

1.2.7. 滚动文字,图片 marquee

[标签]
[属性]:
width ,height,bgcolor,
direction:up,down,right,left(默认)
loop:循环次数,-1表示无限循环;
onMouseOver=”this.stop()” onMouseOut=”this.start()” :鼠标覆盖停止滚动,鼠标移开继续滚动;
 
 

1.2.8. pre预格式化

预格式化文本

1.2.9. 链接

【标签】
【属性】
href:链接地址(要跳转到的页面的地址)
target:目标,打开新网页的形式
取值:
   _blank:在新标签页中打开
   _self:在自身页面中打开(默认值)
   frameName:在指定框架中打开链接
   title:鼠标放到链接上的提示

锚链接:
1、定义标记(锚):目标位置的
    or      目标位置的
2、设置链接到标记位置:当前位置

框架

frameset框架集


    
    ...



框架窗口见的跳转:

可以嵌套使用


标签的cols属性表示将页面横向分割为几列,例如,cols=“25%,50%,*"表示将页面分割为三列.第一列占浏览器窗口总宽度的25%,第二列占50%,第三列占剩余部分,各列的宽度值也可使用具体数值(单位像素为px)。
rows属性表示将页面纵向分割为几行。
    
各框架对应的页面情况:使用 标签的src属性引用各框架对应的页面文件,同时还可以使用name属性标识各框架窗口。

需要注意的是: 标签和 标签不能同时使用,需要使用 代替页面中的标签
属性 描述
frameborder 0 1 HTML5 不支持。规定是否显示框架周围的边框。
longdesc URL HTML5 不支持。规定一个包含有关框架内容的长描述的页面。
marginheight pixels HTML5 不支持。规定框架的上方和下方的边距。
marginwidth pixels HTML5 不支持。规定框架的左侧和右侧的边距。
name name HTML5 不支持。规定框架的名称。
noresize noresize HTML5 不支持。规定无法调整框架的大小。
scrolling yes no auto HTML5 不支持。规定是否在框架中显示滚动条。
src URL HTML5 不支持。规定在框架中显示的文档的 URL。

iframe