HTML
一. 格式
播放器
<!---->
二. 段落标记
1.
2.
水平线
:size:粗细
noshade没有阴影
width:水平线长度
align:对齐方式
color:代表设置颜色
#800000:r,g,b 每两位代表一个值
rgb(0,255,0)
单词
默认
3.
10. 列表
OL :order list有序列表
type:A,a,I,i,1
Li: list item 列表项目
UL: unorder list无序列表
type: circle (空心圆),disc(默认是实心圆),square(方形)
11. 超链接
属性:
href: 可以是外网,邮箱,下载文件,锚链接(name="标记名",再通过
target:打开的目标位置(_blank也可以用new,打开新窗口)
(_self:在自身打开) (_parent在父窗口中打开),(_top在顶层窗口中打开)(框架名:在指定的某个框架中打开)
# 用#表示当前网面里的name
百度
打开邮箱
下载
打开网页
回到顶部
12. 表格
表格:table
border:边框粗细
bordercolor:边框颜色
width:整个表格宽度
align:对齐方式
cellspacing:单元格之间距离
cellpadding:单元格内部文本与边框的距离
行:tr
bgColor:设置背景颜色
列:td
colspan:跨列
学生成绩 一行一个表格
rowspan:跨行
张三 两列一个表格
表格的分区加载:
字段行(一般指首行)
表体
行
每行的表格
:加标题
13. 框架集
frameset:框架集(cols 垂直切割,rows水平切割)
frame:框架
src:资源
name:框架名
noresize:不可改变大小 (即不可以拖拽)
scrolling:控制滚动条 ="no" 取消滚动条
rows="80,*,10%" 上下分3个区,第一个区80像素大小,第二个区是剩余所有,第三个区是10%的大小
二. CSS 三种方式用就近原则,内部大于外部
有三种写法
1. 行内样式 :
style="属性名:值;属性1:值1" sytle是一个属性
2. 内嵌样式
3. 外部样式
4. div span 代表一个区域
一二三四五六七八九
5. 选择器:
html 标签选择器
class 类选择器,定义时用.cc 引用时用class="cc"
id选择器 定义时用#div1,引用时用id="div1"
如:
一二三四五六七八九
6. 联合选择器
伪元素选择器
a:link 超链接未点击状态
a:visited 被访问后的状态
a:hover 光票移动超链接上的状态(未点击)
a:active 点击超链接时的状态
一. 格式
播放器
<!---->
hello
二. 段落标记
1.
清平乐
标题(字大小) 1-72.
水平线
:size:粗细
noshade没有阴影
width:水平线长度
align:对齐方式
color:代表设置颜色
#800000:r,g,b 每两位代表一个值
rgb(0,255,0)
单词
默认
3.
段落
4.
换行
5. <!-- --> 注释
6. 年年雪里 超链接
7. font:用于设置字体
size:大小(1-7),默认是2(所以也可以用"+5") size="+3"等于size="5"
color:颜色
face:字体类型(比如:黑体)
陈冠希
8. 特殊字符
<小于 >大于 >
©版权
™商标
¥ ¥
9. 图片标签
img:用于设置一个图片
src:指图片位置
相对路径
绝对路径:(d:\1.jpg)
带协议的绝对路径(http://www.itheima.com/wang/1.jpg)
width:
height:高度
alt="提示文本"
align:设置周围文本的对齐方式(top center bottom)
useMap="#热点区域名" 指的是相对于图片的区域 用#表示当前网面里的名
定义热点
可以联系我:13466575605
10. 列表
OL :order list有序列表
type:A,a,I,i,1
Li: list item 列表项目
UL: unorder list无序列表
type: circle (空心圆),disc(默认是实心圆),square(方形)
- html是一门脚本语言
- 不对
- 对
- 不确定
- 你猜
你喜欢哪个演员
- 王友军
- 陈冠希
- 阿娇
- 芙蓉姐姐
11. 超链接
属性:
href: 可以是外网,邮箱,下载文件,锚链接(name="标记名",再通过
target:打开的目标位置(_blank也可以用new,打开新窗口)
(_self:在自身打开) (_parent在父窗口中打开),(_top在顶层窗口中打开)(框架名:在指定的某个框架中打开)
# 用#表示当前网面里的name
百度
打开邮箱
下载
打开网页
回到顶部
12. 表格
表格:table
border:边框粗细
bordercolor:边框颜色
width:整个表格宽度
align:对齐方式
cellspacing:单元格之间距离
cellpadding:单元格内部文本与边框的距离
行:tr
bgColor:设置背景颜色
列:td
colspan:跨列
学生成绩 一行一个表格
rowspan:跨行
张三 两列一个表格
表格的分区加载:
字段行(一般指首行)
表体
行
每行的表格
:加标题
学生成绩 | ||
---|---|---|
张三 | 语文 | 98 |
数学 | 95 | |
张三 | 语文 | 98 |
数学 | 95 |
13. 框架集
frameset:框架集(cols 垂直切割,rows水平切割)
frame:框架
src:资源
name:框架名
noresize:不可改变大小 (即不可以拖拽)
scrolling:控制滚动条 ="no" 取消滚动条
rows="80,*,10%" 上下分3个区,第一个区80像素大小,第二个区是剩余所有,第三个区是10%的大小
二. CSS 三种方式用就近原则,内部大于外部
有三种写法
1. 行内样式 :
style="属性名:值;属性1:值1" sytle是一个属性
2. 内嵌样式
3. 外部样式
4. div span 代表一个区域
一二三四五六七八九
一二三四五六七八九
5. 选择器:
html 标签选择器
class 类选择器,定义时用.cc 引用时用class="cc"
id选择器 定义时用#div1,引用时用id="div1"
如:
一二三四五六七八九
一二三四五六七八九
6. 联合选择器
伪元素选择器
a:link 超链接未点击状态
a:visited 被访问后的状态
a:hover 光票移动超链接上的状态(未点击)
a:active 点击超链接时的状态
CSS定位阴影
CSS定位阴影
转载于:http://blog.itpub.net/29798713/viewspace-1665289/