一、web标准 1.结构,对网页进行整理分类,主要是HTML。 2.表现,设置网页元素的版式,颜色,大小等外观样式。 3.行为,网页模型的定义及交互的编写。
W3C:非营利性组织(万维网联盟) E3MA:厂商协会
HTML是超文本标记语言 超文本文档。 XHTML指可扩展文本标记语言 语法更加严格 HTML5指的是HTML的第五次重大修改
站点:用来规划网站所有的内容和代码
二、文件命名的规则 1.小写英文字母,数字,下划线的组合 2.不能包含汉字、空格和特殊符号。 3.必须以英文字母开头,不能以数字开头。 4.见名知意 5.驼峰命名法
三、HTML语法规则 标记:标记元素尖括号里面的第一个单词 属性:尖括号中的第二个单词开始
四、标签的分类 常见的标签(双标签)<标签 属性="值"></值> 空标签<单标签><标签 属性="值">
五、常用标签 h1-h6标题标签,文本加粗变大,依次变小,独占一行 h1在一个页面中有且只有一个,不能多次出现,其他的可以多次出现
1.I/em 倾斜标签,只占据自己内容大小的的位置,em具有强调作用
2.b/strong 加粗标签,只占据自己内容大小的的位置,strong具有强调作用
3.单标签
换行功能
水平线 已过时
4.上标线和下标线 sup上标线 sub下标线
5.段落标签
段落标签,独占一行,p标签不能嵌套独占一行的元素,只能嵌套文本、图片或者只占据自己内容大小的标签。6.span 文本节点标签 只占据自己内容大小的位置
7.div 盒子结构 独占一行 用来搭建页面结构
8.html特殊符号:
空格
< 小于号
> 大于号
© 版权号
÷除号
×:乘号
9.列表
分为无序列表 有序列表 子定义列表
1.无序列表
ul>li:无序列表标签默认小黑点修饰,独占一行,通常用来做导航列表等
type="修饰符号"
disc小黑点(默认值)
square 实心方块
circle 空心圆
2.有序列表
ol>li:有序列表标签,默认阿拉伯数字排序,独占一行,通常用来做导航,列表等
type="排序符号"
1 默认排序方式
a A i I
start="起始位置"
3.自定义列表
dl > dt + dd: 自定义列表标签,独占一行,通常用来做双导航,一个dl中只有一个dt,可以有多个dd
10.超链接标签,文本蓝色带有下划线,只占据自己内容大小的位置,能够实现页面之间的跳转 href="跳转地址" # 空地址
target="跳转方式"
_self 在当前窗口刷新(默认值)
_blank 不断打开新窗口
_new 在新窗口中刷新
title="鼠标悬停的提示信息"
11.img: 图片标签,只占据自己内容大小的位置 图片的格式: .jpg 普通图片 .png 背景透明图 .gif 动态图
src="图片地址"
相对路径 src="img3.jpg"
src="tupian/img3.jpg"
src="./img3.jpg"
src="../img3.jpg"
./ 强调在当前文件夹下
../ 返回上级目录
绝对路径:
从盘符出发
从域名地址出发
alt="图片提示信息"
图片加载成功时不显示
图片加载失败时显示
更多的是给搜索引擎查看
尽可能写实
100个英文字符内的描述
必须写的属性
title="鼠标悬停时的提示信息"
更多的是用户查看
可要可不要
width="宽度"
height="高度"
【注】只写宽度或者只写高度,另一边将等比例缩放
border="边框"
12.表单的作用: 收集用户信息
表单元素:
input:
type="text" 单行文本输入框
type="password" 密码框
type="submit" 提交按钮
type="reset" 清空按钮
type="button" 普通按钮
name="名字"
value="值"
method="提交方式"
get:
1: 在地址栏提交
2: 明文显示,不安全
3: 地址栏有长度限制,有可能造成数据丢失
4: 提交数据较短,提交速度快
5: 通常向数据库获取数据,不会改变数据库数据
post:
1: 不在地址栏提交
2: 不显示,安全
3: 没有长度限制
4: 提交的数据较长,提交的速度慢
5: 通常向数据库发送数据,会改变数据库数据