HTML(即超文本标记语言) 的学习总结

时间:2024.5.3

HTML(即超文本标记语言) 的学习总结:

<html>

<head></head>

<body></body>

</html>

一:(html基本标记):

head,头部标记 里面常用的标记(<title>)

title 标题标记 <title><title>

二: (文字与段落)

标题文字的对齐方式 : align 属性值(left center right) 设置文字常用属性 : (face字体;size字号;color颜色)

设置文字常用标记 : <font>=文本 <strong>粗体;<em>斜体;<u>下划线; <p> 段落标记

<br> 换行标记

三 :(超链接)

超链接语法:<a href="链接地址">新浪</a>

建立书签:<a name="书签名称">连接文字</a>

四 :(插入图像及图像连接)

图像的格式:jpg格式 ; png格式 ;gif格式 ; bmp;

插入图像语法:<img src="图像的地址"> 注:图片标记<img>不成对出现 图像的超链接:<a href="连接的地址"><img src="图像的地址"></a>

五 :(多媒体)

滚动文字的标记与语法:<marquee>

....滚动文字

</marquee>

设置滚动文字常用属性:

滚动方向: direction=(up; down; left; right)

背景音乐的设置 : <bgsound src="音乐的地址" loop="循环的次数"> 注:图片标记<bgsound>不成对出现

六(表格的插入)

标格的插入: <table>

<tr>行

<td>列.............</td>

<td>.............</td>

</tr>

</table>

设置表格的常用属性: width宽;height高;align对齐方式; 标格的边框:border

标格的边框颜色:bordercolor

行文字以及表格标题的对其方式:valign

水平跨度: colspan

垂直跨度: rowspan

单元格的亮,暗边框: bordercolorlight bordercolordark

七 (框架)

框架的基本结构语法:

</frameset>

<frameset> <frame> <frame>


第二篇:HTML语言和CSS总结


第一章:(HTML的基本标签)

一:什么是HTML

答:HTML被称为超文本标签语言。

二:有什么特点:

答:1:简易性。2:无平台性。

三:基本的块级标签包括

1:标题标签《h1》-《h6》 2:段落标签《p》 3:水平线标签《hr/》

四:常用的布局块级标签。

1:有序列表标签《ol》《li》

2:无序列表标签《ul》《li》

3:定义列表标签《dl》《dt》《dd》

4:表单标签《from》

5:分区标签《div》

五:行级标签。

1:图片标签《img》 2:范围标签《span》 3:换行标签《br/》

第二章:

一:超链接《a》标签

<a href=”连接地址” target=”目标窗口位置”>文本或者图像</a>

Target:_self是自身窗口,target:_blank新建窗口

二:注释。

<!-- 注释内容-->

三:特殊符号。

空格 &hbsp; 大于号:> 小于号:< 引号:" 版权符号:©

四:(1)<form action=”表单提交地址” method=”提交方法”>

文本框,按钮等表单元素

</form>

<input type=”类型有以下” >的用法的:

1:text :单行文本输入。

2:password :密码

3:radio:单选.

4:checkbox:多选。

5:reset:重置表单数据。

6:file:文件上传。

7:submit:提交表单数据

8:图形提交按钮

9:button普通按钮。

10:hidden:隐藏域

(2)

1:下拉下表框:

<select name=”指定列表名称” size=”行数”>

<option value=”可选项的值” selected=”默认选中”>文本值</option>

</select>

2:多行文本域

<textarea name=”文本的名字” cols=”多少个字符” rows=”多少行” readonly=”readonly”>初始文本内容</textarea>

第三章:

一:掌握表格的基本用法:

1:使用<table><tr><td>创建表格

2:使用“border”属性设置边框,“width”属性设置表格宽度

二:制作跨行,跨列的表格

跨行:colspan=”横向跨的单元格数”;

跨行:rowspan=”纵向跨的单元格数”;

三:表格还可以用图文和表单的布局。

四:表格布局用于数据规整的局部布局

第四章:

1:常用的框架技术包括<frameset>框架集和<iframe>内框架。

2:<frameset>框架集结构非常清晰,适用于整个页面都用框架实现的场合,<iframe>内嵌框架使用比较方便,灵活,一般用于页面中引用外站的页面内容时。

3:<frameset>框架集使用<framest>和<frame>标签实现,<frameset>的rows和cols属性实现窗口的横向和纵向分割。<frame>的src属性

是连接其他的地址

第五章.

1:使用CSS可以实现W3C提倡的结构和样式分离的思想,这样做的好处:

有利于团队的开放,精确控制页面,提高开发效率,利用搜索引擎。 2:CSS样式则采用选择器,属性,属性值进行描述

3:选择器即为被修饰的对象,常用的三类选择器有以下三类。 a:标签选择器,直接用标签名方式定义。

b:类选择器,先为标签设置属性class=”类别名”,后用点(.)+类别名方式定义。

4:id选择器,先为标签设置属性class=”id名”.用户#类别名方式定义。 5:样式的两大用途是页面元素修饰和布局,页面元素修饰的Css属性包括如下四类。

a:文本属性:line-height,text-decoration,text-align,color,letter-spacing。 b:字体属性:font,font-size,font-weight.

c:背景属性:

background,background-image,background-repeat,background-position。 d:列表属性:list-style,float等。

第六章.

1:盒子模型是页面布局的基础,它包括外边距(margin),边框(border),内边距(padding)以及元素的宽高.

2:float(浮动)的属性如下:

a;float通常用于让块级元素横向紧挨或实现特殊排序,而非独占一行 b;float属性常用的三个取值为left,right,none;

3:clear的属性如下

a;紧跟在float元素之后,用换行方式区隔开浮动元素,

b;clear属性常用的取值有left,right,both,none,注意和前一个浮动元素的浮动方向必须一致。

第七章:

1:超连接伪类有以下几种:

A:link , A:hover, A:visited,A:actived.

2:样式有三种应用方式:外部样式表,内部样式表,行内样式。其中外部样式实现了内容与样式的彻底分离,是主流的应用方式。 3:各类样式的优先级别

A;行内样式表>内部样式表>外部样式表

B:id选择器>类选择器>标签选择器。

4:典型的局部结构包括如下几种。

A:div-ul(ol)-li常用于分类导航或菜单等场合。

B:div-dl-dt-dd:常用于图文混编场合。

C:table-tr-td:常用于规整数据的显示场合。

D:from-table-tr-td:常用于表单布局的场合。

5:选择器涉及常用符号。

A:空格,表示上下级元素,即某个标签(对象)内的某个元素的样式。 B:逗号,表示多个选择器共用一套样式,即“多个元素(对象)都采

用这种方式。

C:“。“为类名标识符,”#“表示id标识符。

更多相关推荐:
关于借调市公司学习的总结

关于借调市公司学习的申请公司领导:本人自3月份到市公司市场部学习以来,在公司领导的教导和培养下,在部门经理的带领和指导下,在同事们的关心和帮助下,自己的思想、工作、学习等各方面都取得了一定的进步,个人综合素质也…

关于java学习的总结

关于java学习的总结Java是一门编程语言。想对java有所了解,必须清晰的认识到这一点。但是java又不仅仅是编程语言那么简单。从它的产生到发展壮大都离不开编程思想的指导。因此想深入学习java就必须深刻理…

高一上半期关于数学学习的总结(I)

高一上半期关于数学学习的总结(I)——《解决抽象函数的有关问题》作者:高448班彭斐然注意:本篇总结选取四个例题进行分析讨论和总结。例题出自平常做过的习题,“建模”与“总结”两栏皆为原创,“解析”方面有部分参照…

应用文学习的总结

应用文的学习总结电子(3)班黄建邦22号在大一的下半学期,我们接触了《应用文写作》这一课。本学期在老师的指导下我先后学习了总结、计划、调查报告、条例规章制度、意向书、求职信、述职报告、学术论文、经济合同、劳动合…

英语研究性学习的总结和反思

马海月背景:英语学习要为学生的生存可持续发展,创新精神和实践能力打好基础,要培养学生收集,处理和运用信息的能力,初步的研究能力,实际能力和选择能力,以及合作交流能力.在课文学习的基础上,寻找切入点,以任务驱动学…

小测验后关于C语言学习的总结

这次测试虽然不够正式,但却足以证明我们在学习和教学C语言的过程中存在许许多多的问题与弊端了。首先,同学们对C语言的学习不够重视,这是最关键也是最致命的一点。上课时精神不能够集中,遇到问题,不能够积极地去加以解决…

大专学习的总结--金文花

网络大专学习总结金文花光阴似箭,网络大专的学习不知不觉已经一学期了。为了使以后的学习更成功,特作如下总结。一、认真听讲、善于思考是关键在一学期的学习生涯中,我被老师深入浅出的讲解,扎实的专业知识和技能所折服。我…

数学自主合作学习的总结

数学自主合作学习的总结永乐小学夏逢金自主合作学习以现代社会心理学、教学社会学、认知心理学、现代教育教学技术学等为理论基础,以开发和利用课堂中人的关系为基点,以目标设计为先导,以全员互动合作为基本动力,以小组活动…

继续教育学院关于对“10.24”英雄事迹学习的总结

继续教育学院关于对“10.24”英雄事迹学习的总结材料共青团西安科技大学继续教育学院团总支委员会20xx年x月x日继续教育学院关于对“10.24”英雄事迹学习的总结20xx年x月x日,长江大学几名同学不顾个人安…

学习的总结

学习总结学习可以提升素质、学习可以开启智慧,学习是面对竞争激烈的社会的需要。通过前一阶段集中学习和自学,我共写了读书笔记5篇、心得体会3篇,共计2万字左右。我觉得在日常学习生活中,不仅仅要学习党的基本理论,还要…

参加中学语文远程教育培训学习的总结

参加中学英语远程教育培训学习的总结天义镇二中高岩今年x月分开始到现在参加了市教师培训中心组织的远程继续网络教育培训,聆听了专家们的讲座,和同行的展开了讨论,重点学习科学备课,课程的创新教学模块,对新课程的认识才…

如何做好研究性学习的总结与评价工作

如何做好研究性学习的总结与评价工作一、评价活动中的感悟1、评价应贯穿于整个研究性学习过程之中。正像我前边所说,从研究性学习的第一堂课起,每名学生的所有表现都已纳入到了评价系列之中。同时,应把总结与评价贯穿于研究…

学习的总结(71篇)