网站开发综合技术这门主要包含三大块内容: HTML(3) CSS(1) JavaScript(3)
HTML
Html全称:超文本标记语言。
HTML文件的结构:以<html>开始,以</html>结束,在其中间分为两部分<head></head>和<body></body>
<head>中的三个标记
<title></title>标记:用来表示网页的标题
<style></style>标记:样式表标记
<script></script>标记:脚本标记
<body>中的标记:
<body>标记自身的属性:
text:文字色彩
bgcolor:背景色
background:背景图片
leftmargin:左边距
topmargin:上边距
rightmargin:右边距
bottommargin:下边距
<center></center>标记:居中
<p align=center></p>段落标记,前后空一行 。
<br/>标记,换行。
<font></font>设置字体。其中的三个属性:color:色彩,face:字体名称,size:字体大小
<div></div>层标记,前后换行
<span></span>层标记,前后不换行
<img/>图像标记,src:图像的路径。border:图像的边框粗细。
<a href=""></a>超连接。href:要连接的目标的网页的路径,target:要找开窗口的位置_blank,_self,_top或者frame标记的name
路径的问题:默认查找和网页同一目录下的内容 ../上一级目录 ./当前目录 /image/hello.gif当前目录下的image文件夹中的hello.gif文件
<a name=""></a>锚点:
<frameset></frameset>标记,框架集标记。cols="50,*"或rows="50,*"。border:框架边框的粗细。页面有如果有frameset则不能在body
<frame>标记:框架标记。name属性:框架名称。src属性:框架中页面。noresize不许框架改变大小
框架的例子:
<frameset rows="50,*,50" border=0>
<frame name="fshang" src="top.htm" noresize>
<frameset cols="20%,*">
<frame name="fzuo" src="left.html">
<frame name="fyou" src = "right.html">
</frameset>
<frame name="fxia", src="bottom.htm" noresize>
</frameset>
综合的例子:邮箱的例子(略).
<table></table>
align:表格相对页面的水平对齐方式:left,center,right;
border:边框的宽度
cellspacing:格与格之间的间距
cellpadding:格内的字与格边缘的距离
bgcolor:背景色
background:背景图片
width:宽度
height:高度
bordercolor:边框色彩
<tr></tr>
align:这一行的格内的文字的水平对齐方式.
valign:竖直对齐方式
bgcolor:这一行的背景色
background:这一行的背就景图片
height:行高
<td></td>
align:该单元格中文字的水平对齐方式
valign:该单元格中文字的竖直对齐方式
bgcolor:该单元格的背景色
background:该单元格的背景图片
width:该单元格的宽度
height:该单元格的高度
rowspan:合并行
colspan:合并列
会用表格进行页面布局
表格的嵌套
<form>标记所有的控件都必须放在form标记内部
id:
name:
action:ASP
method:ASP
<input id="" name="" value="" type="">标记
Type有以下的值:
Text:单行文本框 maxlength属性:文本框中最多能输入的字数
password:密码框
button:不提交按钮
submit:提交的按钮
reset:重置按钮
radio:单选按钮,其中name属性用来分组.
checkbox:复选按钮,其中name属性用来分组.
image:图片按钮
<TextArea></TextArea>标记:多行文本框
<select>
<option selected value=""></option>
</select>
CSS样式表在有提示的情况下或使用可视化工具会制作.
样式表的分类:
内联样式表:在标记的Style属性中设置 只对当前标记起作用
嵌入样式表:在Head标记中用<style></style> 只对当前页起作用
外部样式表:单独写在一个.css文件中 对所有网页都可以起作用
选择器
标签选择器 p{background-color:red}-对所有的p标记起作用
class选择器.t1{background-color:red}-对所有class是t1的标签起作用
id选择器 #aaa{background-color:red}-对id是aaa的标签起作用
p.t1{background-color:red}-只对p标记中的class是t1的标签起作用
p,td{background-color:red}-对p标记或td标记都起作用
p span{background-color:red}-对p标记中的span标记起作用