厦门网站建设为您介绍:HTML/XHTML是什么?
1、HTML/XHTML是什么?
HyperText Markup Language,超文本标记语言
eXtensible HyperText Markup Language,扩展的超文本标记语言
它们之间有什么关系?
XHTML是在HTML基础之上发展而来的,XHTML的最终方向:HTML5
2.HTML/XHTML能干什么?
搭建网页的结构(如图像、表格、链接、表单等)。
3.HTML/XHTML通过什么来搭建网页的结构?
标记/标签(Tag),也称为元素,实际上它就是完成某些功能字符串。
标记的分类:
(1).根据是否包含子标记或内容
单标记:<标记名称/>
双标记:<标记名称>...标记名称>
(2).根据是否换行
块级元素:换行
默认的块级元素:h1,h2,h3,h4,h5,h6,p,
hr,br,div,ul,ol
li,dl,dt,dd,div等
块级元素其默认的宽度为父元素的100%。
行内元素:不换行
如span,a,img,b,i,u,s,strike,em等
4.标记的属性
什么是属性,对象的特征描述。
<标记名称 属性名称="值" 属性名称="值" .../>
<标记名称 属性名称="值" 属性名称="值" ...>...标记名称>
5.XHTML文档的规范
A.标记名称必须为英文小写字母
B.属性名称必须为英文小字字母
C.属性值必须括在引号之间
D.单标记必须以/>结尾
E.标记之间必须顺序嵌套
6.W3C的合法性验证
http://validator.w3.org
7.XHTML的结构
<html [removed]><br/> <head><br/> <meta http-equiv="content-type" content="text/html;charset=编码方式"/><br/> <title>标题</title><br/> </head><br/> <body><br/> 正文
</body><br/></html><br/>
DTD的类型有三种:
strict,严格
Transitional,过渡
Frameset,框架集
Namespace,命名空间
命名空间的作用是解决名称冲突的问题。
7.文本样式
...
...
...
...
............
...
...
...
8.段落与换行...
9.标题...
......
10.HTML实体(HTML Entity)
> >
< <
" "
' '
& &
空格
版权 ©
注册标商 ®
11.图像
(1).浏览器支持的图像格式
jpg/jpeg
gif
png
swf是Flash播放器文件。
Flash的源文件是.fla
(2)、标记
说明:
图像的src和alt为必须的属性.
12、路径
A、相对路径,从当前文档开始的路径。
B、绝对路径,由完整的协议名称,主机名称,路径及文档全称组成。
http://www.sina.com.cn
ftp://135.89.6.32/down/05.rar
C、根相对路径,从站点根目录开始的路径,总是以"/"开头。
13.公共属性
id
class
style
title,注释
14.表格
... |
表格的属性
width,宽度
height,高度
border,边框宽度
bordercolor,边框颜色
align,水平对齐方式(left|center|right)
cellpadding,内边距
cellspacing,外边距
bgcolor,背景颜色
background,背景图像
行属性
align,水平对齐方式(left|center|right)
valign,垂直对齐方式(top|middle|bottom)
bgcolor,背景颜色
列属性
align,水平对齐方式(left|center|right)
valign,垂直对齐方式(top|middle|bottom)
bgcolor,背景颜色
background,背景图像
rowspan,行合并
colspan,列合并
15.有序列表、无序列表、定义列表
- ...
- ...
- ...
- ...
16.链接
文本/图像
17.链接的表现形式
A.链接网页
B.下载
首先将下载资源进行压缩,再将链接的目标文档指向压缩包即可。
下载
C.电子邮件链接
给我写信
D.锚点链接/书签链接
step1,创建锚点
除文件或目录名称外,所有的命名时都必须以字母或下划线开头,包含字母、数字及下划线,但不能包含特殊符号(如空格、星号等)
step2,链接到锚点
文本/图像
或
文本/图像
E.链接到JavaScript
...
JS
window.alert()
window.confirm()
F.空链接(没有目标文档)
返回页面顶部
...
保持原始位置
...
18.表单
1).作用
收集客户端的信息,然后提交给服务器。
2).表单的标记
<form name="名称" action="服务器页面URL" method="提交方式(post|get)"><br/>
</form><br/>
3)、表单控件
单行文本框
<input type="text" name="名称" value="值" size="显示宽度" maxlength="最大宽度"/><br/>
密码框
<input type="password" name="名称" value="值" size="显示宽度" maxlength="最大宽度"/><br/>
多行文本框
<textarea name="名称" rows="行数" cols="列数">值</textarea><br/>
单选框
<input type="radio" name="名称" value="值" checked="checked"/><br/>
复选框
<input type="checkbox" name="名称[]" value="值" checked="checked"/><br/>
列表框
<select name="名称" size="显示高度" multiple="multiple"><br/>
</select><br/>
浏览框
<input type="file" name="名称"/><br/>
表单只能以POST方式提交
表单必须设置enctype="multipart/form-data"属性
隐藏域
<input type="hidden" value="值" name="名称"/><br/>
按钮
<input type="submit" value="值" name="名称"/><br/>
<input type="reset" value="值" name="名称"/><br/>
<input type="button" value="值" name="名称"/><br/>
注意事项:
单选框/复选框的checked="checked"属性、列表项的selected="selected"属性、单行文本框的value属性,在编辑信息时特别重要。
标签:厦门网站建设