网页的组成: 结构: html 表现: css 行为: js
W3C: 万维网联盟,非赢利性组织
ECMA: 厂商协会
站点:
规划网站的所有内容和代码
整合资源
文件命名规则:
1: 小写英文字母,数字,下划线的组合
2: 不能包含汉字,空格和特殊符号
3: 必须以英文字母开头,不能数字开头
4: 见名知意
5: 驼峰命名法,匈牙利命名法
(大驼峰 BoxName,小驼峰 boxName)
html语法规则:
标签: 尖括号中的第一个单词,标记,元素
属性: 尖括号中的第二个单词开始
标签分类:
常规标签(双标签):
<标签 属性="值"></标签>
空标签(单标签):
<标签 属性="值" />
常用标签:
h1-h6: 标题标签,文本加粗变大,依次变小,独占一行,h1在一个页面中有且仅有一个,不能多次出现,其他的可以多次出现
i / em: 倾斜标签,只占据自己内容大小的位置,em具有强调作用
b / strong: 加粗标签,只占据自己内容大小的位置,strong具有强调作用
u: 下划线标签,只占据自己内容大小的位置,有下划线
br: 换行功能
hr: 水平线
sup / sub: 上下标标签
p: 段落标签,独占一行,p标签不能嵌套任何独占一行的元素,只能嵌套文本,图片或者只占据自己内容大小的标签
span: 文本节点标签,只占据自己内容大小的位置
div: 盒子标签,独占一行,用来搭建页面结构
html特殊符号:
空格
< 小于号
> 大鱼号
© 版权号
ul > li:无序列表标签,默认小黑圆点修饰,独占一行,通常用来做导航,列表等
type="修饰符号"
disc 小黑点(默认值)
square 实心方块
circle 空心圆
ol > li:有序列表标签,默认阿拉伯数字排序,独占一行,通常用来做导航,列表等
type="排序符号"
1 默认排序方式
a A i I
start="起始位置"
dl > dt + dd: 自定义列表标签,独占一行,通常用来做双导航,一个dl中只有一个dt,可以有多个dd
a: 超链接标签,文本蓝色带有下划线,只占据自己内容大小的位置,能够实现页面之间的跳转
href="跳转地址"
# 空地址
target="跳转方式"
_self 在当前窗口刷新(默认值)
_blank 不断打开新窗口
_new 在新窗口中刷新
title="鼠标悬停的提示信息"
img: 图片标签,只占据自己内容大小的位置
图片的格式:
.jpg 普通图片
.png 背景透明图
.gif 动态图
src="图片地址"
相对路径:
src="img3.jpg"
src="tupian/img3.jpg"
src="./img3.jpg"
src="../img3.jpg"
./ 强调在当前文件夹下
../ 返回上级目录
绝对路径:
从盘符出发
从域名地址出发
alt="图片提示信息"
图片加载成功时不显示
图片加载失败时显示
更多的是给搜索引擎查看
尽可能写实
100个英文字符内的描述
必须写的属性
title="鼠标悬停时的提示信息"
更多的是用户查看
可要可不要
width="宽度"
height="高度"
【注】只写宽度或者只写高度，另一边将等比例缩放
border="边框"
