fishc速查手册

W3shool速查手册

7.20

表单:HTML中获取用户输入的手段
<input type="text">设置表单文本框,值password用于密码
<name="名字">设置文本框的框名
button 元素设置按钮属性type="submit"值改reset为重写按钮
<button formmethod="post">(或get)配合type="submit"使用(按钮指定发送方法)
form actiong="welcom.php"指定用户提交的内容的文件
method="post"指定用哪种方法发送给服务器,get(提交的数据会整合到url里)或post
表单内容在form元素内


css属性:
backgrongd:背景颜色
color:字体颜色
规划表格:元素:<thead><tbody><tfoot>
css区分:比如thead内的tr设置为 thead tr{ *** }
tfood可以给表格加个表尾
属性colspan"4"该单元格横跨的列数
属性rowspan,同上,用于跨行
colgroup元素,用于设置表格每列属性配合col元素使用
每个col元素表示一列
col的属性举例:style="backgrongd:bule"
col的属性举例:span="2"添加这条属性设置跨越的列数
colrows,:同上


7.18

blockquote元素:长引用,全部往有牌缩进5个字符
cite元素:用于定义作品的标题,显示斜体
abbr元素:用于简称、缩写,配合title属性定义原句(字体下面出现..鼠标放上去显示原句)
dfn元素:用于定义专业术语
address:用于定义一个地址(联系方式/邮箱/QQ等),斜体里面可以加其他元素
ruby、rt、rp(都是元素):ruby和rt配合使用,用于注音,rt内容在ruby上放,若浏览器不支持,显示rp内容
bdo元素:修改文本方向,配合dir属性使用
html5提倡语义与实现分离html/css/javascript


strong元素:加粗 表示重要文本(b元素也可以加粗,但不标识重要)
em元素:倾斜 表示强调(i元素同上)
b和i元素不建议使用,可以用css代替,配合class="bold"和"italic"属性
del、ins元素:删除线和下划线,表示新的替换旧的
s元素:删除线,表示错误的内容;u元素:下划线,表示拼写错误的单词
mark元素:用于标记文本
sup、sub元素:上标和下标,用于化学、数学方程式
small元素:使文本变小


ul元素:无序列表,配合li元素使用
ol元素:有序列表,配合li元素使用
css属性:list-style-type属性,专门对列表设置的,配合class属性
列表支持嵌套
css图1
dl元素:定义列表:配合dt元素(项目)和dd元素(描述)

table元素:表格,配合tr元素表格行,th元素表头单元格,td元素数据单元格
caption元素:给表格加标题,需要紧挨着table开始标签
css属性:border(添加表格线):1px(粗度) solid(实线) black(黑色)
border-collapse:collapse合并单元格表格线
padding:5px设置表格标题内边距


7.17

script元素: 既可以直接定义内嵌脚本语句,也可以通过 src 属性引用外部脚本文件。
<script type="test/Javascript">脚本类型,使用 JavaScript 脚本,可以省略类型,诺指定外部文件,加上src属性为路径
script defer延迟执行(延迟执行而不是获取),不用写值,只能用于外部脚本文件
script async异步执行脚本:只能用于引用外部脚本文件
nosript元素:当浏览器不支持javascript,加入代替内容,里面可以加入元素


html注释: <!--在此处写注释-- >
css注释:/*注释的内容*/
javascript:/*注释的内容*/和//注释的内容//


块级元素:另起一行,尽可能的占据本行全部可用宽度
一些块级元素
行内元素:不会另起一行,只会占据必要的宽度
一些行内元素


pre元素:定义“预格式化”文本:保留文本在源代码中的格式
html字符实体:用字符实体替换html的预留字符
语义化:用正确的元素去做正确的事情,让机器也能快速理解内容
code元素:专门用来定义计算机代码片段(不能保留格式)多行代码可以与pre配合使用
与程序有关的元素vr:定义程序的变量kbd:定义用户的输入,samp:定义程序的输出


7.16

base元素:设置基准URL
属性href和target,base仅对相对路径有影响,对绝对路径没有影响。
base元素必须在head内,尽量靠前


style元素,style元素用于html文档控制样式信息
属性:media,值指定设备或者某种情况的style
属性:type,值指定样式的类型,浏览器支持的类型只有css一种,所以值一直是text/css,type属性和值可以省略不写
例:<style type="text/css">
h1 {color: red}
p {color: blue}
</style>


link元素:link 元素定义了 6 个属性,其中 rel 属性是必选的,它说明了当前文档与被链接资源之间的关系。
设置网页图标:<link rel="icon"type="image/x-cion"href="../img/favicon.ico">
(如果没有type=image/x-cion,ie浏览器不显示图标)
引用外部css:>link rel="stylesheet" type="text/css" href="../css/style.css">
stylesheet(载入外部链接表)text/css(用处是告诉浏览器,这段标签内包含的内容是css或text)href(外部外部属性表的地址)
如果需要指定设备或某种情况,加上属性media即可。


meta标签只用于head标签内部
meta标签的属性:
charset属性,值: HTML 文档的编码。
content属性,值:用于 http-equiv 或 name 属性相关的值。必须与http-equiv或者name一起用
http-equiv属性,值:content-type另一张方式声明编码。值default-style:指定页面优先使用的样式表。值:refresh:以秒为单位指定一个时间间隔,在此时间过去之后将从服务器重新载入当前页面。也可以另行指定一个 URL 让浏览器载入。
name属性的值:


application-name:当前页所属 Web 应用系统的名称。
author:当前页的作者名。
description:当前页的内容描述。
generator:用来生成 HTML 的软件名称。
keywords:当前页的关键词。
viewport:网页尺寸自适应。只有viewport有功能性


<meta name="viewport" content=" width=device-width,initial-scale=1.0">
网页自适应,device-width意思是设备的宽度
width=device-width :表示宽度是设备屏幕的宽度
initial-scale=1.0:表示初始的缩放比例
minimum-scale=0.5:表示最小的缩放比例
maximum-scale=2.0:表示最大的缩放比例
user-scalable=yes:表示用户是否可以调整缩放比例


<meta http-equiv="refresh"content="5;http://www.baidu.com">
http-equiv指http信息 refresh:以秒为单位指定一个时间间隔,在此时间过去之后将从服务器重新载入当前页面。也可以另行指定一个 URL 让浏览器载入。content内容


<meta charset="utf-8">
meta元素 charset属性,指html的编码 utf-8属性值


<link rel="shortcut icon"href="img/favicon.ico">
用于添加favicon.ico图标,一般把favicon图片放在网站根目录。不需要使用这个标签


img标签必须有两个属性,alt和src


<!DOCTYPE HTML >
它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令



HTML 文档 = 网页
HTML 文档描述网页
HTML 文档包含 HTML 标签和纯文本


HTML 标记标签通= HTML 标签 (HTML tag)。
HTML标签是括号内关键词
成对出现
开始标签-结束标签
开放标签-闭合标签


HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言,而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)