复习
- 排版标签:p hr br pre
- 字体标签:<font><hn><strike><u><b>
- 转义字符:
<>
- 清单标签:
有序列表:ol li
无序列表:ul li
定义列表:dl dt dd - 超链接标签:a
- 图片标签:<img>
- 表格标签:table,tr,td,th
- 框架标签:frameset,frame
- 表单标签:form
input :text password radio checkbox submit file reset hidden button iamge(基本不用)
select
textarea - meta标签:<meta>:Content-Type refresh
HTML
- html->hyper text mark-up language ->超文本标记语言
- 超文本:
1.表达能力优于普通文本:声音,图形等
2.超链接
标记语言:标记构成的。(html,xml,xhtml) - 作用:
1.展示
2.网页 - 解析:
浏览器来负责解析html - 后缀名:两种后缀名没有区别
.html
.htm - 文档构成
html文档:最外层使用<HTML>标签包裹
<HEAD>头->标题、网页属性信息、css
<BODY>体->正文、 - 标签写法:
- <>中包裹一个英文单词
2.<>所有标签不区分大小写(推荐使用小写)
3.标签分为两个类
围堵标记:开始,结束标签
自闭合标签:例如
注意:所有标记语言,标签中的英文单词没有以数字开头的
- 排版标记:不识别: 空格 回车 制表符 显示成一个空格
为文件加上说明,但不被显示。
<p></p> 段落标记,为字、画、表格之间留一空白行。
换行
插入一条水平线
<pre></pre> 令文件按照原始码的形式排列 -
字体标记
<font> 标签size [1,7]从小到大;face(字体);
color(颜色)1.直接颜色的英文“green”2.#FF0000;3.rgb(255,0,0) -
转移字符(实体)
英文中的空格
-
清单标记
ol:有序列表 order list
type属性:A a I i 1(默认值)
start属性:开始计数值
使用<li>
ul:无序列表 unorder list
type属性:disc 实心圆点(默认)
square 实心黑方块
circle 空心圆
使用<li>
分类列表:dl:definition list
dt:definition title
dd:definition description - 图形标记
img图形标签:
src属性:指定图片位置
alt属性:图片无法加载时,显示的提示信息
title属性:鼠标悬空时显示提示信息
height属性:图片的高(单位像素)(如果宽和高只指定一个,图片会按比例缩放。)
width属性:图片的宽。
border属性:边框(单位是像素)
usemap属性:将图片分区,每个区点击之后链接到不同的页面。dw=>(基本不用,缺点太多) - a标签:anchor锚
1.超链接->点击之后跳转页面
格式:协议名+资源
http://www.baidu.com(常用)
mailto:xx@itcast.cn 发送邮件
thunder://EF16EA123123 迅雷下载(链接加密)
QQ:
旺旺:
如:<a href = "http://www.baidu.com"> 百度</a>
2.锚=>在当前页面跳转:如:回到顶部==>使用就是锚
1> 做一个锚标记,使用a标签的name属性指定锚点名称
<a name = "abc">这是顶部</a>
2> 跳转到锚标记,使用href属性指定要跳转的锚点<a href = "#abc">回到顶部</a>
a标签的属性:
href属性:跳转的资源名或锚点名称
name属性:定义锚点时,指定锚点名称
target属性:1.针对资源跳转时使用。
该属性不指定=>在当前页面打开(默认)
_blank:在空白页打开
2.如果想在框架中指定在哪个框架页显示,那么该值填写框架名称。 - 表格标签
table表格:
cellspacing:外边距=>单元格框线和其他单元格(边框)之间的距离
cellpadding:内边距=>内容和单元格框线之间的距离
tr(table row):表格中的一行
td(table data):一行中的一个单元格
th(table header):标题单元格
colspan属性:横着占多少列
rowspan属性:竖着占据多少行
align属性:对齐(最好不用) - 框架标签
框架标签与<body>标签互斥
frameset:定义一个框架(现已不赞成使用)
rows:将框架按照行(横着)分割
cols:将框架按照列(竖着)分割
frame:指定框架的页面(现已不赞成使用)
src:指定显示页面的路径
noresize:不能调整大小
scrolling:是否显示滚动条 yes no auto
frameborder:0(否) 1(是) 是否显示框架周围的边框
注意:在html中,当属性的键和值完全一样时,可以忽略属性的值 - 表单标签:
form表单标签:要提交的内容,使用该标签包裹
action属性:决定表单提交到哪里
method属性:决定表单的提交方式 get(默认值)/post
post和get区别:
1.post提交(http 请求正文中)键值对没有在地址栏上,而get是放在地址栏上的
2.安全性上post更高一些
3.长度上:get因为是放到地址栏中,长度受限。谷歌2048KB post理论上是无限的
input标签:表单项标签:
type类型:
text文本框
password密码框
radio单选框
checkbox多选框
file文件上传
hidden隐藏框
submit提交
reset重置
image提交(图片,不用了)
button按钮
name属性:
对于表单项:提交时键值对的键
value属性:
对于需要提交的表单项:提交时的值
对于按钮类型的:按钮上显示的文字
readonly属性:
只读属性:只是限制value属性的变化
只能给:text password使用 textarea也有这个属性
disabled属性:
禁用。颜色变灰,不参与提交。
适用范围:所有input都可以使用
checked属性:
默认被选中
适用:1.radio 2.checkbox
maxlength属性:定义最大长度
size属性:定义输入框的显示长度。
size和maxlength只能放在text和password中。
select标签:
下拉选:
name属性:提交的键
size属性:同时显示的选项个数
multiplie属性:变成多选
selected属性:让option默认被选中
textarea标签:
文本域
name属性:提交的键
col属性:列 宽
row属性:行 高
readonly属性:只读 - meta标签
写在<head>围堵标签里面
<meta http-equiv = "Content-Type" content = "text/html;charset=UTF-8">
<meta http-equiv = "refresh" content = "3;url = 06-图形标签.html">(三秒后刷新页面进入url指定的地址。)