以下为《html5声明》的无排版文字预览,完整格式请下载
下载前请仔细阅读文字预览以及下方图片预览。图片预览是什么样的,下载的文档就是什么样的。
声明:
HTML也有多个不同的版本, 只有完全明白页面中使用的确切HTML版本, 浏览器才能完全正确地显示HTML页面. 这就是的用处.
HTML5:
HTML4.01:
/p>
"http://doc.bjdcfy.com/TR/html4/loose.dtd">
XHTML1.0:
/p>
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://doc.bjdcfy.com/TR/xhtml1/DTD/xhtml1-transitional.dtd">
HTML基础标签?
head, body
HTML 标签是由尖括号包围的关键词,比如
HTML 标签通常是成对出现的,比如 和
标签对中的第一个标签是开始标签,第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签
/
My First title
here is the first paragraph.
例:?
与 之间的文本描述网页
与
之间的文本被显示为标题与 之间的文本被显示为段落
HTML标题
...
等标签进行定义
基础标题1
标题2
标题3
标题4
标题5
标题6
这是我的第一个H5程序
HTML段落
标签定义段落
HTML连接
标签定义连接
页面间链接
从一个页面链接到另外一个页面
锚链接
从A页面的甲位置跳转到本页中的乙位置
从A页面的甲位置跳转到B页面中的乙位置
创建步骤
创建跳转标记
或者
乙位置
创建跳转链接
甲位置(跳转到本页面)
甲位置(跳转到其他页面)
功能性链接
电子邮件 联系我们
QQ联系我们
HTML图像
标签定义图像
列表
有序列表
- 桔子
- 香蕉
- 苹果
无序列表
- 桔子
- 香蕉
- 苹果
定义列表
-
***
- 计算机应用 所属专业
- 计算机软件工程
表格
第1个单元格的内容 | 第2个单元格的内容 |
XXXXXXXXXX
第1个单元格的内容第2个单元格的内容XXXXXXXXXX
表格的跨列
单元格内容表格的跨行
内联框架
语法
标记
。表单元素
。
type取值:
1).文本框(text)和***);包括value="框内的初始值",size="框的长度",maxlenth="允许输入的最大长度"。readonly无值,只读。placeholder="控件上显示给客户看的默认内容"。
2).提交按钮(submit),重置按钮(reset)和普通按钮(button);value="按钮的名称"。
3).单选(radio)和复选框(checkbox);一组复选框的name必须相同,checked,默认被选中。
4).文件选择框(file)和隐藏域(hidden);文件选择框时要求表单method="post",enctype="multipart/form-data" 。
5 )图片按钮(image) 等同于提交按钮
(3)多行文本域。
(4)下拉或滚动列表内容。
CSS3部分
三种使用方法:
1、行内式
内容标签名>
2、内嵌式
选择器:{
属性:属性值XXXXXXXXXXXXXXX
}
3、链入式
优先级:id选择器>类选择器>标记选择器>通配符选择器
css文本相关样式:
font-size 文字大小px
font-family 设置字体
font-weight 设置字体粗细
normal标准(400)
bold加粗(700)
bolder再加粗
lighter默认细字符
100-900数字越大越粗
font-style 设置字体样式
normal标准
italic斜体
oblique倾斜
font-variant 设置字体变体
normal标准的
small-caps英文字体小型大写字符
css排版样式:
color 设置文本颜色
letter-spacing 设置字体间距
word-spacing 设置单词间距
line-height 设置行高
height 设置元素的高度。
max-height 设置元素的最大高度。
max-width 设置元素的最大宽度。
min-height 设置元素的最小高度。
min-width 设置元素的最小宽度。
width 设置元素的宽度
text-transform 设置英文大小写转换
none不转换
capitalize首字母变大
uppercase全部变大
lowercase全部变小
text-decoration 设置字体效果
none无效果
underline下划线
overling上划线
line-through删除线
text-align 对齐方式
left左
center中
right右
text-indent 设置收首行缩进
em字符宽度倍数
px像素
%百分比
white-space 设置文本格式
normal默认显示
pre按文档书写格式显示
nowrap空格换行无效,内容超出增加滚动条,不自动换行
盒子模型
从外到里 margin外边框>border边框>padding内边距>内容
margin 外边距
margin-top上外边距
margin-right右外边距
margin-bottom下外边距
margin-left左外边距
margin全外边距
border 边框
none没有边框
solid单某某
dashed虚线
dotted点线
double双实现
border-top-style上边框
border-right-style右边框
border-bottom-style下边框
border-left-style左边框
border-style全边框
border-top-width上边框宽度
border-right-width右边框宽度
border-bottom-width下边框宽度
border-left-width左边框宽度
border-width全边框宽度
border-top-color上边框颜色
border-right-color右边框颜色
border-bottom-color下边框颜色
border-left-color左边框颜色
border-color全边框颜色
border-top上边框样式
border-right右边框样式
border-bottom下边框样式
border-left左边框样式
border全边框样式
outline 轮廓
outline-color设置轮廓的颜色
color-name
hex-number
rgb-number
invert
inherit
outline-style设置轮廓的样式
dotted
dashed
solid
double
groove
ridge
inset
outset
inherit
outline-width设置轮廓的宽度
thin
medium
thick
length
inherit
padding 内边距
padding-top上内边距
padding-right右内边距
padding-bottom下内边距
padding-left左内边距
padding全内边距
背景属性
background-color 设置背景颜色
属性名{background-image:url(URL)} 设置图片为背景
background-repeat 设置背景图片模式
repeat沿水平、垂直方向平铺
no-repeat不平埔
repeat-x只沿水平方向平铺
repeat-y只沿垂直方向平铺
background-position 设置图片位置
background-attachment 设置固定方式
scroll随页面一起滚动(默认)
fixed不随页面滚动
块标记独占一行,行内标记可共行
display 类型转换
inline将标记显示为行内标记
block将标记显示为块标记
inline-block将标记显示为行内标记,可对其设置高某某,但不会都、独占一行
none将此标记隐藏
列表
list-style-type 属性
disc黑圆
circle圆
square黑矩形
decimal 1
upper-alpha A
lower-alpha a
upper-roman I
lower-roman i
none不显示任何符号
list-style-image 用于列表之前的图片,调用方式和背景一样,通过url
list-style-position 项目符号的位置
inside位于列表文本内
outside位于列表文本外
超链接伪类
a:link 未访问时样式
a:visited 访问后样式
a:hover 触碰样式
a:active 单击不动时样式
css浮动
float 浮动方式
none不浮动
left左浮动
right右浮动
clear 清除浮动
left清除左浮动
right清除右浮动
both清除左右浮动
overflow-hidden 清除浮动对该元素的影响
定位
position 定位
static静态定位
relative相对定位
absolute绝对定位
fixed固定位置
top向上偏移
bottom向下偏移
left向左偏移
right向右偏移
[全文已结束,注意以上仅为全文的文字预览,不包含图片和表格以及排版]
以上为《html5声明》的无排版文字预览,完整格式请下载
下载前请仔细阅读上面文字预览以及下方图片预览。图片预览是什么样的,下载的文档就是什么样的。