-->Html就是提供网页上的内容,仅仅是“提供"而已,这一点学习了后面的Javascript和Dom就明白了,其实Html只是显示作用。
Css提供美化,辅助Html,使显示的效果更加绚丽。
学完Html,紧接着就是Javascript,-->Dom-->JQuery-->Asp.net...
-->坚持手写HTML,这个在学习初期非常关键。
-->C/S(Client/Server) 客户端与数据库服务器交互方式,比如QQ聊天工具、飞信通讯等。
-->B/S浏览器与Web服务器交互方式,比如用浏览器浏览网页、迅雷迷你界面显示信息等。
根据域名找服务器,发送一个请求,服务器判断是否有这个资源,返回给浏览器…,请求响应模式。
-->网站会有很多很多网页和其它东西,如图片、下载资源…
-->Html是树形结构,类似于之前学习Winform的treeviewr结构。
-->Dreamweaver是可视化工具,但对于刚开始学习Html,记事本或者Notepad++即可。
-->标题标签一般都是用<h3></h3>。随着数字的增大字体会变小。
-->高级记事本可以撤销多次,而记事本只能撤销到前一次;高级记事本还能高亮显示。
--><!--注释内容-->
注释不能嵌套,千万不能嵌套!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
-->颜色还可以用十六进制数来配置自己需要的颜色或者用取色器来设置颜色。
-->URL是由协议+域名/IP地址+文件路径三部分组成。
-->超链接:绝对路径:C:\Users\lenovo\Desktop\第一个网页.html
相对路径:./1.html或1.html当前目录找
../1.html切到上一级目录
根路径:/
--> 超链接的一个属性:<a href=”” target=”设置值”></a>
默认是当前窗口打开_self
新窗口打开_blank
--> 超链接锚定:<a name="#middle">中间内容</a>
<a href="#middle">########</a>
-->图片地址区分当前目录和相对目录。
-->写图片地址时,必须写明图片的width和height,防止加载失败并破坏图片布局。
-->写图片地址时,border设置为0,防止图片有超链接时有边框。
-->alt为图片无法显示时提示的文本。
title为鼠标放到图片上显示的文字。
-->图像:bmp jpg gif png
位图; 压缩; 压缩,能动(多帧); 压缩,支持透明;
-->ul——unorder list;ol——order list;
-->通过修改ul属性type修改显示图标:type=disc,circle,square
ol属性type修改显示图标:type=1,a,A,i,I
-->必须熟练掌握ul列表,用在导航、列表
-->Question!!!!!!!!!!!!!!!!!!!!!!
1、text和password不一样长;
2、无法改变button的长度;
3、table的边框太粗table内文字样式;
4、ul横向显示!!!!!!!!!!!!!!!!!!!!
-->注意<table>与<tr>与<td>align的居中区别:表格居中与内容居中与内容居中。
-->rowspan和colspan区别。
-->IE中<th></th和<td></td>中如果没有内容,将不会显示单元格。加个 就会显示单元格。
-->属性border值设置;属相bordercolor值设置。
-->页面上可以有多个form标签。!!!!!!!!!!! -->必须将表单元素放到form中!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
-->text标签属性:使用readonly属性必须写完整:readonly=”readonly”
使用disabled属性也必须写完整:disabled=”disabled”代表禁用该表单元素。
-->文本框和密码框在IE中长度不一样。
-->radio标签属性:name属性用来分类别,用来分组。
-->select标签默认选中是用selected=”selected”
不同于radio和checkbox的默认选中:checked=”checked”
-->设置select的size属性值:下拉框(size=”1”)、列表(size=”2,3…”),multiple=”multiple(多选)
-->textare修改属性rows和cols修改大小,并且原样输出。
<input type="button" value="注册"/>
<input type="submit" value="注册"/>
<input type="reset" value="重置"/>
<input type="image" src="btn.jpg"/>作用跟submit一模一样,只是将文字换成图片而已。
-->所有的表单元素都有属性:id:唯一标识控件;
name:表单提交;
value:显示或者表示值;.
-->label标签中设置属性accesskey可以设置快捷键,用Alt+字母键即可。不会与浏览器的快捷键发生冲突的。
-->fiedset:效果跟GroupBox一样。
--><marquee></marquee>通过属性direction设置方向;
属性scrolldelay设置时间;
-->播放声音:
<embed src="temp.mp3" loop=true autostart=true name=bgss width="460" height="68">会看见插件,将width和height设置为0,也会不可见。
<bgsound src=”temp.mp3” loop=”true”/>不会看到插件,并且只有IE才支持。
<form>
<input type=”submit”/>
<input type=”text”/>
…
<input type=”hidden”/>
<input type=”file”/>
</form>
<textarea></textarea>
<select>
<option></option>
<option></option>
</select>
-->注意以上三个分开记清楚了。!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
-->快捷键<input Tab 会自动补齐。
-->XHTML 1.0与HTML4.0区别
XHTML是符合XML的HTML。XHTML更加严谨。
XML必须要有结束,如<br/>
XML要求属性都要有值,如checked=”checked”
-->在VS中,当VS建立的文字不在默认的文件夹,解决方案需要自己手动选择目标解决方案,再点击文件--….slin另存为到目标文件夹。
-->注意:显示隐藏文件夹,有一个…suo类型(Solution User Options)的文件,该文件是记录用户上次操作到界面。
-->Web开发、ASP.NET包括:
浏览器发送请求给服务器;
服务器接收请求并处理请求;
服务器将处理结果发送给浏览器;
-->IETester测试工具;
-->HTML的标签是定义好的,XML可以自己定义标签。
XML比较严谨,属性必须有属性名和属性值。
XML用来保存数据。
XHTML相对于HTML更加严谨。
DHTML动态的HTML,不是动态网页。HTML、样式表和Javascript的组合。
注释不能嵌套。
静态页面是纯展示页面;
-->Div:块;块级元素从上往下一块一块放。
-->Span:只是把一些文字圈起来;从左往右放。
-->样式表
1、用法(3种用法);
2、常用属性;
3、选择器(重点);
-->元素内联到页面嵌入,类似于C#中的方法;
再到外部引用,类似于C#中的类。
-->就近原则,而不是优先级的原因。
-->浏览器默认字体大小为16px。
-->复合样式可以设置单独所有的属性。
-->样式表中的设置:<input type=”text” style=”display:none;”/>不可见不占位置;
<input type=”text” style=”visibility:hidden;”/>不可见但仍占位置。
<ul style=”list-style-type:none”>…</ul>
-->透明度:
<div style="background:red;width:200px;height:200px;filter:alpha(opacity=50)"></div>
只针对IE才有效果。opacity取值从0到100之间。
-->透明度(标准写法):
<div style="background:red;width:200px;height:200px;opacity:0.5"></div>
除了IE都有效果。opacity取值从0到1之间。
-->当发生冲突时,以就近原则为主。
-->包含选择器是指…的…
组合选择器用逗号分隔。
-->注意超链接的四种方式是有顺序的:记住LoVe HAte:link visited hover active。
-->细边框两种方法:
第一种方法:
#tb
{
width:500px;
background-color:yellow;
border-bottom:solid 1px red;
border-right:solid 1px red;
}
td
{
border-top:solid 1px red;
border-left:solid 1px red;
}
先将表格显示底部和右侧边框,然后单元格只画上部和左侧边框
总得下来,只有一条边框。
第二种方法:
#tb
{
width:500px;
background-color:green;
border:solid 1px red;
border-collapse:collapse;
}
td
{
border:solid 1px red;
}
利用collapse折叠,当有边框重复时,折叠成一条边框。
-->注意,当使用float属性时,在<div></div>设置中,设置了最后一个之后,会影响后面紧接着的内容。需要清除<p style="clear:left"></p>或者 <br style="clear:left"/>或者<div style="clear:left"></div>就行。
-->当子div一个一个放在一个大的div中,会根据小div的width总和是否超过大的div的width,如果超过,从下一行紧接着排列。
-->表格布局就是表格套表格的原理。
-->框架布局应用:OA系统…
-->框架布局就是分布建页面,再结合起来。
-->属性noresize=”noresize”不允许拖动边框大小。
-->Web服务器软件:IIS
-->买域名 www.itcast.cn备案(1、花钱;2、买一个国外的空间。)
买空间(ftp)(ip地址:域名指向IP地址)
买数据空间
-->检查DNS是否有问题ipconfig /all就显示DNS是否有地址。
--><div></div>从上往下摆放。<span></span>从左往右摆放。
-->文档流:
top:100px;
left:100px;
position:absolute;
top:100px;
left:100px;
position:relative;相对于上面的absolute,原来的位置仍然还在。
z值越来,在屏幕最前,而且必须脱离文档流
z-index:100;
position:absolute;
top:100px;
left:100px;
position:fixed;相对于absolute,坐标相对于整个视图。不会随着滚动条的变化而变化。
Css提供美化,辅助Html,使显示的效果更加绚丽。
学完Html,紧接着就是Javascript,-->Dom-->JQuery-->Asp.net...
-->坚持手写HTML,这个在学习初期非常关键。
-->C/S(Client/Server) 客户端与数据库服务器交互方式,比如QQ聊天工具、飞信通讯等。
-->B/S浏览器与Web服务器交互方式,比如用浏览器浏览网页、迅雷迷你界面显示信息等。
根据域名找服务器,发送一个请求,服务器判断是否有这个资源,返回给浏览器…,请求响应模式。
-->网站会有很多很多网页和其它东西,如图片、下载资源…
-->Html是树形结构,类似于之前学习Winform的treeviewr结构。
-->Dreamweaver是可视化工具,但对于刚开始学习Html,记事本或者Notepad++即可。
-->标题标签一般都是用<h3></h3>。随着数字的增大字体会变小。
-->高级记事本可以撤销多次,而记事本只能撤销到前一次;高级记事本还能高亮显示。
--><!--注释内容-->
注释不能嵌套,千万不能嵌套!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
-->颜色还可以用十六进制数来配置自己需要的颜色或者用取色器来设置颜色。
-->URL是由协议+域名/IP地址+文件路径三部分组成。
-->超链接:绝对路径:C:\Users\lenovo\Desktop\第一个网页.html
相对路径:./1.html或1.html当前目录找
../1.html切到上一级目录
根路径:/
--> 超链接的一个属性:<a href=”” target=”设置值”></a>
默认是当前窗口打开_self
新窗口打开_blank
--> 超链接锚定:<a name="#middle">中间内容</a>
<a href="#middle">########</a>
-->图片地址区分当前目录和相对目录。
-->写图片地址时,必须写明图片的width和height,防止加载失败并破坏图片布局。
-->写图片地址时,border设置为0,防止图片有超链接时有边框。
-->alt为图片无法显示时提示的文本。
title为鼠标放到图片上显示的文字。
-->图像:bmp jpg gif png
位图; 压缩; 压缩,能动(多帧); 压缩,支持透明;
-->ul——unorder list;ol——order list;
-->通过修改ul属性type修改显示图标:type=disc,circle,square
ol属性type修改显示图标:type=1,a,A,i,I
-->必须熟练掌握ul列表,用在导航、列表
-->Question!!!!!!!!!!!!!!!!!!!!!!
1、text和password不一样长;
2、无法改变button的长度;
3、table的边框太粗table内文字样式;
4、ul横向显示!!!!!!!!!!!!!!!!!!!!
-->注意<table>与<tr>与<td>align的居中区别:表格居中与内容居中与内容居中。
-->rowspan和colspan区别。
-->IE中<th></th和<td></td>中如果没有内容,将不会显示单元格。加个 就会显示单元格。
-->属性border值设置;属相bordercolor值设置。
-->页面上可以有多个form标签。!!!!!!!!!!! -->必须将表单元素放到form中!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
-->text标签属性:使用readonly属性必须写完整:readonly=”readonly”
使用disabled属性也必须写完整:disabled=”disabled”代表禁用该表单元素。
-->文本框和密码框在IE中长度不一样。
-->radio标签属性:name属性用来分类别,用来分组。
-->select标签默认选中是用selected=”selected”
不同于radio和checkbox的默认选中:checked=”checked”
-->设置select的size属性值:下拉框(size=”1”)、列表(size=”2,3…”),multiple=”multiple(多选)
-->textare修改属性rows和cols修改大小,并且原样输出。
<input type="button" value="注册"/>
<input type="submit" value="注册"/>
<input type="reset" value="重置"/>
<input type="image" src="btn.jpg"/>作用跟submit一模一样,只是将文字换成图片而已。
-->所有的表单元素都有属性:id:唯一标识控件;
name:表单提交;
value:显示或者表示值;.
-->label标签中设置属性accesskey可以设置快捷键,用Alt+字母键即可。不会与浏览器的快捷键发生冲突的。
-->fiedset:效果跟GroupBox一样。
--><marquee></marquee>通过属性direction设置方向;
属性scrolldelay设置时间;
-->播放声音:
<embed src="temp.mp3" loop=true autostart=true name=bgss width="460" height="68">会看见插件,将width和height设置为0,也会不可见。
<bgsound src=”temp.mp3” loop=”true”/>不会看到插件,并且只有IE才支持。
<form>
<input type=”submit”/>
<input type=”text”/>
…
<input type=”hidden”/>
<input type=”file”/>
</form>
<textarea></textarea>
<select>
<option></option>
<option></option>
</select>
-->注意以上三个分开记清楚了。!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
-->快捷键<input Tab 会自动补齐。
-->XHTML 1.0与HTML4.0区别
XHTML是符合XML的HTML。XHTML更加严谨。
XML必须要有结束,如<br/>
XML要求属性都要有值,如checked=”checked”
-->在VS中,当VS建立的文字不在默认的文件夹,解决方案需要自己手动选择目标解决方案,再点击文件--….slin另存为到目标文件夹。
-->注意:显示隐藏文件夹,有一个…suo类型(Solution User Options)的文件,该文件是记录用户上次操作到界面。
-->Web开发、ASP.NET包括:
浏览器发送请求给服务器;
服务器接收请求并处理请求;
服务器将处理结果发送给浏览器;
-->IETester测试工具;
-->HTML的标签是定义好的,XML可以自己定义标签。
XML比较严谨,属性必须有属性名和属性值。
XML用来保存数据。
XHTML相对于HTML更加严谨。
DHTML动态的HTML,不是动态网页。HTML、样式表和Javascript的组合。
注释不能嵌套。
静态页面是纯展示页面;
-->Div:块;块级元素从上往下一块一块放。
-->Span:只是把一些文字圈起来;从左往右放。
-->样式表
1、用法(3种用法);
2、常用属性;
3、选择器(重点);
-->元素内联到页面嵌入,类似于C#中的方法;
再到外部引用,类似于C#中的类。
-->就近原则,而不是优先级的原因。
-->浏览器默认字体大小为16px。
-->复合样式可以设置单独所有的属性。
-->样式表中的设置:<input type=”text” style=”display:none;”/>不可见不占位置;
<input type=”text” style=”visibility:hidden;”/>不可见但仍占位置。
<ul style=”list-style-type:none”>…</ul>
-->透明度:
<div style="background:red;width:200px;height:200px;filter:alpha(opacity=50)"></div>
只针对IE才有效果。opacity取值从0到100之间。
-->透明度(标准写法):
<div style="background:red;width:200px;height:200px;opacity:0.5"></div>
除了IE都有效果。opacity取值从0到1之间。
-->当发生冲突时,以就近原则为主。
-->包含选择器是指…的…
组合选择器用逗号分隔。
-->注意超链接的四种方式是有顺序的:记住LoVe HAte:link visited hover active。
-->细边框两种方法:
第一种方法:
#tb
{
width:500px;
background-color:yellow;
border-bottom:solid 1px red;
border-right:solid 1px red;
}
td
{
border-top:solid 1px red;
border-left:solid 1px red;
}
先将表格显示底部和右侧边框,然后单元格只画上部和左侧边框
总得下来,只有一条边框。
第二种方法:
#tb
{
width:500px;
background-color:green;
border:solid 1px red;
border-collapse:collapse;
}
td
{
border:solid 1px red;
}
利用collapse折叠,当有边框重复时,折叠成一条边框。
-->注意,当使用float属性时,在<div></div>设置中,设置了最后一个之后,会影响后面紧接着的内容。需要清除<p style="clear:left"></p>或者 <br style="clear:left"/>或者<div style="clear:left"></div>就行。
-->当子div一个一个放在一个大的div中,会根据小div的width总和是否超过大的div的width,如果超过,从下一行紧接着排列。
-->表格布局就是表格套表格的原理。
-->框架布局应用:OA系统…
-->框架布局就是分布建页面,再结合起来。
-->属性noresize=”noresize”不允许拖动边框大小。
-->Web服务器软件:IIS
-->买域名 www.itcast.cn备案(1、花钱;2、买一个国外的空间。)
买空间(ftp)(ip地址:域名指向IP地址)
买数据空间
-->检查DNS是否有问题ipconfig /all就显示DNS是否有地址。
--><div></div>从上往下摆放。<span></span>从左往右摆放。
-->文档流:
top:100px;
left:100px;
position:absolute;
top:100px;
left:100px;
position:relative;相对于上面的absolute,原来的位置仍然还在。
z值越来,在屏幕最前,而且必须脱离文档流
z-index:100;
position:absolute;
top:100px;
left:100px;
position:fixed;相对于absolute,坐标相对于整个视图。不会随着滚动条的变化而变化。
备注:写于2013年7月5日