50.html课程总结

来源:m.fanwen118.com时间:2022.12.19

课题:第五十课 html课程总结

首先感谢大家学习本套课程,我相信能够坚持到最后的人也就胜利的人!

在今后的实践学习中,建议大家看完一课实践一课,在忘记的时候再去快进寻找那个关键地方!跟在步骤去学习!


第二篇:html学习总结 7000字

网页第一次课

一.什么是网页?

1. 定义:构成网站的基本元素

2. 格式:分为静态和动态网页

3. 动态网页的扩展名为:jsp或aspx或asp

4. 静态网页的扩展名为:html或htm

二.基本格式:

<html>

<head>

标题

</head>

<body>

正文

</body>

</html>

三.

1.图片标记:

<标记名 属性名=“属性值”>

<img src=”1.gif”/>

***属性:用来描叙控制标记

2.超链接:

Href: 链接的目标地址

<a href=”1.html”>第一个页面</a>

3.换行:<br/>

4.水平线:

<hr size=”7”color=”yellow”width=”50%”或”200px”标记)=”left”/>

水平对齐:left center right

垂直对齐:top middle bottom

5.段落标记:<p></p>

6.在页面中建立一个锚点:

<a href=”#aa”> </a>

7.背景颜色:bgcolor=”green”

背景图片:backgroud

网页第二次课

----表格与页面排版布局

Cellpadding(内容与边) 表<table border=”1” cellspacing(单元格间距)> 行<tr>

列<td>

align(对齐

</td>

</tr>

</table>

表标题:<caption>球员得分表</caption>

列标题:<th> 作用:1.居中 2.粗体

跨列<合并单元格>:colspan=”2”

跨行:rowspan=”2”

垂直向上对齐:valign=”top”

背景图片不重复 <table 里面 style=”backgroup-repeat:no-repeat”> </table>

标题<thead>

内容<tbody>

脚注<tfoot>

网页第三次课

1. 表单容器:----装载了从浏览器到服务器的数据

由<form></form>定义一个表单容器

文本框:

标签:<input type=”text”/>

属性:type ,name ,size(文本长度), maxlength value(默认值)

密码框:

标签:<input type=”password”>

属性:同文本框属性相同

复选框:

标签:<input type=”checkbox”>

属性:type,name,value(隐含的),checked(默认值)

单选框:

标签:<input type=”radiio”>

属性:type,name(相同则为一组),value,checked(预设选定值)

type=”submit”---送出按钮

type=”reset”---清除重写的按钮

type=”button”---我同意的按钮

type=”hidden”---产生隐藏字段

<textarea></textarea> ---大量的文本输入(包含cols rows)

2. 下拉菜单

标签:<select name=”名称”>

<option></option>

</select>

select属性:name,size,multiple(可以多选)

option属性:value(默认),selected(选中了的)

补充:<optgroup>标签

为<select>主菜单中的每个<optgroup>标签都生成子菜单 ---提交按钮:

标签:<input type=”submit”> --提交到服务器 属性:type,name,value=”确定”

---重置按钮:

标签:<input type”reset”> ---恢复到默认状态 属性:type,value

---图像按钮:

标签:<input type=”image” src=””>

属性:src,name,align,alt(替换文本,如果图片不存在) ---点击按钮:---暂时无功能

标签:<input type=”button”>

属性:name

id属性:

id属性赋值的名称,不会传递给服务器

id属性:和name属性的区别 ???

title属性:

作用:用弹出式帮助来给用户提示

Accesskey属性:

作用:设定页面快捷键<Accesskey=”a~z”>

IE:为alt+Accesskey属性值

Firefor 为alt+shift+Accesskey属性值

Readonly属性:

---用户不能使用表单控件

---控件值将被传到服务器

---控件不能被鼠标和通过tab键选定

Action属性:(必须)

---说明了接收和处理表单数据的应用程序URL

Method属性:(必须)

---浏览器为设置表单中的数据传送到服务器的方法

---属性值:get和post

1. get提交方式:------表单提交方式

通过URL传递数据

1. 表单元素要name属性

2. 最大长度2048字节

3. 没有安全性

2. post提交方式:------以数据包的形式提交数据

1. 长度无限制

2. 安全性

3. 可以没有name

---action:

数据提交后的处理页面(提交目标页面)--默认是它当前页面

*** <fieldset> </egend>标签

作用:将一些相关的表单控制成一个组,并用<fieldset>和</egend>标签来标记这个组

文件输入框:

标签:<input type=”file”/> ---文件上传浏览

属性:type,name,size,maxlength,readonly

第四次课:网页标记与网页框架

一.标题标记: 特点:1.粗体

2.从<h1>到<h6>字体越来越小(指定不同级别的标题)

二.无序列表----又称为项目列表

<body>

<ul>

<li></li>

<li></li>

??..

??

</ul>

</body>

{“disc” --实心圆

Li type={“circle”---空心圆

{ “square”---正方形 <body> <h1></h1> <h2></h2> . . <h6></h6> </body>

三.有序列表

<body>

<ol>

<li><li>

<li><li> </ol> </body> 有序列表的属性: <li type=”I”> 大写罗马字母 <li type=”i”>小写罗马字母 <li type=”A”> 大写英文字母 <li type=”a”> 小写英文字母 四.框架集结构标签 <frameset></frameset> 1. 作用:定义框架集 2. 属性 Cols设置框架分几列 Rows设置框架分几行 Border设置框架的边框 Bordercolor设置边框颜色 3. 其他属性: Class。Style。title。id <noframes></noframes>

作用:为不能显示框架的浏览器(mosaic)提供一种解决方案 字体标记:<font></font>

框架:用来将浏览器分为多个区域,每个区域就是一个框架 多个框架构成一个框架集-?显示一个单独的页面 注意:<body>与<frameset>相互排斥

框架<frame></frame>

属性:src=””,name, noresize-?禁止改变框架大小

例如:

<frameset rows=”100,200,*”>

<frame src=”1.html”> ?它的内容是一个单独的页面

</frame>

</frameset>

***

Scrolling=”no”禁止设置滚动条

Scrolling=”yes”

Scrolling=”auto”(默认值)

五.内联框架

1.标签:<iframe><iframe>

2.属性:

Src:用来显示内联框架显示的网页

Align:设置内联框架相邻文档的位置

Width。Height设置高度和宽度

Frameborder:设置是否又三维边框(“yes”或”no”)

4. 超链接导航

<a>的特殊属性target

---target作用:指定<a>标签中的herf指向的页面在target指定的框架或者窗口打开。如果target指定的框架不存在,浏览器将在新窗口打开时实现框架的导航效果

--------注意:该标签位于<head></head>之内

5. 导航连接目标

<base>标签

------作用:为没有包含显示的target属性的当前文档中的每一个超链接设置一个目标(默认的目标)

6. 特殊的目标

_blank:

浏览器总是在一个新打开,未命名的窗口中载入连接的文档

_self:

超链接的默认值,它使得目标文档载入并显示在相同的框架中或者窗口中

_parent:

文档载入父窗口或者包含超连接引用的框架

_top:

将文档载入取代当前窗口中的框架

例如:target=”_top”:在当前浏览器显示

五.建立站点 1.建立站点: 菜单?站点?新建站点

2.添加页面文件

3.编辑页面内容

4.模版:

插入?模版对象?创建模版

当新建一个模版时,会自动创建一个目录”templates” 模版后缀名:dwt

5.套用模版:

修改?模版?套用模版到页

6.在模版中添加可编辑区域

插入?模版对象?可编辑区域

7. meta标记:用来控制和描叙页面

<head>

<meta></meta>

</head>

属性:

Name或者(http-equiv)将要描叙的内容

Content:具体内容

例如:

<meta name=”作者” content=”张三丰”></meta>

<meta name=”expires(网页过期时间)” content=””></meta> <meta http-equiv=”refresh” content=”1”></meta> GMT:格林尼治标准时间

8. 发电子邮件的超链接:

<a href=”mailto:zcs@sina.com”>发电子邮件</a>

9. 插入多媒体的标记

例如:

<embed src=”a.mp3”></embed>

10. 动画制作:

1. 建层,并在层中添加内容

2. 打开时间轴

3. 将层拖入时间轴

4. 将时间轴的层拖到相应的长度

5. 选择层的最后位置,并将层拖到相应的位置

6. 选中,自动播放,循环

第六章:常用标记

1.< marquee >< /marquee > :滚动文字 属性:direction=up/down/right/left Scrollamount=”100” 移动的步子长度(像素) Scrolldelay=”100” 步子延时 Loop=”1” 循环的次数 Behavior=scroll/alternate/slide

2.<pre 预定义格式的标记> ?不能使用tab键 4. 特殊元素: < &lt > &gt 空格 &nbsp 引号 &quot & &amp C ○&copy?版权 R ○&reg?注册商标 <sub> 上标 <sup> 下标

表示本地机器: . 127.0.0.1(默认本机IP) 第七章:样式表 1.层叠样式表:控制页面内容的显示效果 CSS: cascade style sheet Dhtml: Dynamic hypertext markup language

3. 三种技术:

Html/ CSS/JavaScript

4.CSS:

1.行内样式表:(在标记内部加入的属性)?通过style属性

例如:<p style=”color:red; background-color:yellow”>good</p> 注意:标记属性与样式属性的区别

2.内嵌样式表:(潜入在页面内部的头部分)?head内

例如:

<head>

<style type=”text/css”>

(定义样式表)

</head>

4. 样式表根据名称分为3种:

1. html选择器:样式表的名称就是一个标记名

应用:与样式表名称相同的标记会自动应用这个选择器定义的样式

2. ID选择器:样式表的名称是以#号开头的英文单词

#aa

{

Color:blue;

}

应用:当一个标记的ID属性的值等于这个ID选择器时,就会应用这个选择器所定义的样式

<h2 id=”#aa”>good</h2>

3. 类选择器:样式表的名称是以”.”号开头

。bb

{

Color: #00ff00

z-index: 10

}

应用:如果一个标记要应用某个类选择器,那么指定这个标记的class属性的值等于这个类选择器的名称

<h2 class=”bb”>good</h2>

4. 内嵌样式表 就是一个单独的样式表文件(a.css) 文件中的内容就是一条列的选择器 应用: 1. 与文件关联 2. 通过link标记: <head> <link rel=”stylesheet” type=”text/css” href=”a.css”/> </head> 3. 通过style标记导入 <style> aimport aa.css ○</style> 5.如果一个标记应用了来自多个位置的样式表 如果又外部文件的内嵌样式表,则采用“就近原则” 6伪类: 对超链接的不同状态的样式定义 1. 正常连接 a: link{} 2. 鼠标移上去显示的效果 a: hover{ background-image:1.gif } 3. 鼠标按下去显示的效果 a: active{} 4. 超链接点击以后的显示效果 a: visited{} 7.块标记: <div> 可以包含任何子标记,自动换行,可以做层 <span> 只能够包含文本内容,不会自动换行,不可以做层 8.定位: 绝对定位:style=”position: absolute” 坐标以容器的左上角为原点 相对定位:style=”position: relative” X坐标:坐标以左边元素为参考点 Y坐标:坐标以上方元素为参考点

更多类似范文
┣ HTML5总结 5800字
┣ Html5开发心得 900字
┣ HTML5+JavaScript节课总结 5300字
┣ 归纳HTML5十五大新特性 6400字
┣ 更多html5总结
┗ 搜索类似范文