html
1:html:超文本标记语言,万维网的描述性语言(不严谨);
2:xhtml:可扩展超文本标记语言,是一种置标语言,语法更严谨;
3:html5:HTML的第五次重大修改。
文件命名规范
1:小写英文字母,数字,下划线的组合;
2:其中不可以包含汉字,空格和特殊字符;
3:必须以英文字母开头
web标准
网页的组成
1:网页由结构,表现,行为组成;
2:结构包含xhtml,xml;
3:表现包含css;
4:行为包含DOM,ECMAScript。
语法
1:标签:写在尖角号<>里的第一个单词,叫做标记,也叫做标签,也称作元素;
2:属性:标记和属性用空格隔开,属性和属性值用等号连接,属性值必须放在双引号内
一个标记可以有多个属性,属性和属性之间用空格隔开,属性不分先后顺序
3:常规标记(双标记):<标记名称 属性1名="属性1值" 属性2名="属性2值" … ></标记名>
4:空标记(单标记):<标记名 属性1名="属性1值" />
常用标签
1:网页标题标签:title;
2:文本标题标签:h1-h6 <h1>一级标题<h1>(唯一性,放网站logo);
3:文本倾斜:i,em;
4:文本加粗:吧,strong;
5:下划线:u;
6:删除线:s,del;
7:上标和下标:sup,sub;
8:换行和水平线:br,hr;
9:段落标签:p;
10:字符(小段文本):span;
11:常用转义符:
空格
> >右尖括号
< <左尖括号
© 备案中图标版权 ©
¥ 元
12:列表
(1)无序列表:ul>li
(2)有序列表:ol>li
(3)自定义列表:dl>dt+dd;
13:超链接:a
属性:
href = 'url'
target = "_blank / _self(默认)";
title = '文本提示'
14:图片:img
属性:
src = 'url';
alt = ' 标签 实例 带有指定替代文本的图像'
title = '文本提示'
15:相对路径
(同级)
1)当当前文件与目标文件在同一目录下,直接书写目标文件的文件名+扩展名;
(上级找下级)
2)当当前文件与目标文件所处的文件夹在同一目录下,写法如下:
文件夹名/目标文件全称+扩展名;
(下级找上级)
3)当当前文件所处的文件夹和目标文件在同一目录下,写法如下:
../目标文件文件名+扩展名;
16:div
17:HTML注释
html注释<!-- 注释 -->
css注释 /*注释*/
js注释 //单行注释 /*多行注释*/
18:PS快捷键
单位改成px(像素) 编辑-->首选项-->单位与标尺-->厘米改像素
测量信息显示 F8或窗口-->信息
设计稿缩放 alt + 鼠标滚轮
设计稿移动 空格 + 鼠标左键移动
调出标尺 视图-->标尺
19:表格:table>tr>td
属性:
1)width="表格的宽度"
2)height="表格的高度"
3)border="表格的边框"
4)bordercolor="边框色"
5)cellspacing="单元格与单元格之间的间距"
6)cellpadding=“单元格与内容之间的距离"
7)align="表格水平对齐方式"
取值:left、right、center、
valign=“垂直对齐” top\bottom\middle
8)合并单元格属性:(td)
合并列: colspan=“所要合并的单元格的列数"
合并行: rowspan=“所要合并单元格的行数”