—:主要的开发工具:
chrome sublime photoshop
二:web标准有三个标准组成:
1,结构标准:结构用于对网页元素进行整理和分类,我们主要学的是HTML。
2,表现标准:表现用于设置网页的版式、颜色、大小等外观样式,主要指的是css。
3;行为标准:行为是指网页模型的定义及交互的编写,我们主要学的是javascript。
三:关于HTML的表述:
1:HTML是超文本标记语言。
2:HTML不是一种编程语言,而是一种标记语言。
3:标记语言是一套标记标签。
4:静态网页设计
四:HTML骨架形成快捷键:
—:HTML5的文档类型:
1:html:5
2:!
二:HTML4.0-4.1和XHTML1.0:
1:html:xt(较严谨);
2:html:xs(不严谨);
五:字符集类型常用概括:
1:utf-8是全世界通用;
2:GB2312 简单中文 不全面;
3:GBK包含全部中文字符;
六: HTML的常用标签:
1:<hn> </hn> 标题标签。可以从1-6;最多六个标题,从前到后题目大小逐渐减少;
2:<p> </p> 段落标签;会根据浏览器的窗口大小自动换行;
3:<hr /> 水平线标签,单标签;
4:<br /> 换行标签,单标签;
5:<div> < /div> 没有语义,纯盒子用,会强制类占一行;
6:<span> < /span> 没有语义,纯盒子用,可以多个词占一行;
7:文本格式化标签:
1: <b> < /b> <strong> < /strong> 给文字加粗,推荐使用strong,以下类同;
2:<i> </i> <em> < /em> 斜体显示,推荐使用em;
3:<s> </s> <del> < /del> 给文字加删除线,推荐使用del;
4:<u> < /u> <ins> < /ins> 给文字加下划线,推荐使用ins;
8:<img /> 图像标签,单标签;
<img />标记属性:
1:src:图像的路径;
2:alt:图像不能显示时的替换文本;
3:title:鼠标悬停时显示的内容;
4:width:设置图像的宽度;
5:height:设置图像的高度;
6:border:设置图像边框的宽度;
9:<a> < /a> 链接标签 。用法如下:
表示: <a href="跳转目标" target="目标窗口的弹出方式">文本或图像< /a>
1:target的值有两种 self,blank;blank在新窗口打开;
2:外部链接 需要添加 http://
3:没有确定链接目标时,将href="#" 表示暂时为一个空链接;
4:锚点定位:
1:使用“a href=”#id名 链接文本;
2:使用相应的id名标注跳转目标的位置;
5:"~"符号在ASP.NET里表示当前网站的根目录。但是这个符号对于HTML的相对路径来说是不管用的;
10:<base /> base标签,单标签,可以设置整体链接的打开状态;
11:常用的特殊字符标签:
1:空格符, ;
2:小于号,<;
3:大于号,>;
4:版权,©;
12:<!-- 注释语句 --> 注释标签,在程序里不显示,便于团队合作观看;
13:列表标签:
1:无序列表:
<ul>
<li> < /li>
< /ul>
ul标签里只能放li,li标签里可以放任何东西。且二者是成组存在的。
2:有序列表:
<ol>
<li> < /li>
< /ol>
一般情况下 很少用ol标签,一般都只用ul。
3:自定义列表:
<dl>
<dt>名词< /dt>
<dd>名词解释< /dd>
< /dl>
14:meta标签,单标签:
1:声明当前使用的字符集;
2:<meta name ="description" content=" "/> 给网站添加描述信息,便于搜索引擎搜索;
3:<meta name ="keywords" content=" "/>给网站添加搜索关键字;
七: sublime的用法:
1:不需要完全输入一个标签,只需要输出标签的名字,然后点tab键;
2:ctrl+鼠标滚轮:调整当前文档的显示字号大小;
3:ctrl+shift+d:复制当前行;
4:ctrl+shift+k:删除当前行;
5:标签名*N 然后点击tab键 :自动生成N个连续的相同的标签;
6:ctrl+shift+向上箭头 :上移当前行;
7:ctrl+shift+向下箭头: 下移当前行;
8:div>p>img 点击tab键 <=> <div><p><img src=" " alt=" "/>< /p>< /div>;
9:F12 快速打开浏览器查看当前页面效果;