文件命名规则:
1: 尽可能小写英文字母,可以由下划线,中划线,镁元素符号及数字组成
2:不能出现任何中文符号
3:不能以数字开头
4:见名知意
5: 驼峰命名法(匈牙利命名法)
大驼峰SearchBox
小驼峰searchBox
标签语法规则(标记,元素):
对(双)标签: <标签属性="值"></标签>
单标签: <标签属性=" 值">
常见标签:
h1-h6:标题标签
文本加粗变大,依次变小,独占一行,h1在一个页面中只有一个 其他的可以多次出现,h1通常用来做logo区域
span:文本节点标签
只占据自己内容大小的位置,一般配合css展示视觉效果
em / i:倾斜标签
文本倾斜,只占据自己内容大小的位置,i是视觉效果,em是斜体字,em具有强调作用
div:盒子标签,独占一行,通常用来搭建页面结构
ul > li: 无序列表标签,
独占一行,默认小黑圆点修饰,通常通过css取消列表符号,通常用来做导航,列表
type="修饰符类型"
disc实心圆
circle空心圆
square实心方块
u:下划线标签
只占据自己内容大小的位置,有下划线
br:换行(单标签)
hr:水平线
sup/sub:上下标标签
a:超链接标签,文本蓝色带有下划线,只占据自己内容大小的位置,能够实现页面之间的跳转
属性:
** href=**"跳转位置”
#空地址
target="跳转方式”
self默认方式在当前页面刷新
blank不断打开新窗口
title="鼠标悬停时的提示文本”
img:图片标签,网页面中插入图片
图片格式:
.jpg
普通格式
.png
背景透明格式
.gif 动态图
src="图片地址”
相对路径
images/img5. gif
./返回上级目录
/强调在当前目录下
绝对路径
从盘符出发
从域名地址出发
width="宽度”
height="高度"
[注]只写宽度或者只写高度,另一边等比例缩放
alt="提示信息"
图片加载成功时不显示
图片加载失败时显示
title="鼠标悬停时的提示信息"