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

HTML（即超文本标记语言）的学习总结：

<html>

</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>行

</tr>

</table>

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

标格的边框颜色：bordercolor

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

水平跨度： colspan

垂直跨度： rowspan

单元格的亮，暗边框： bordercolorlight bordercolordark

七（框架）

框架的基本结构语法：

</frameset>

第二篇：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>

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标识符。

相关推荐

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

第二篇：HTML语言和CSS总结

专栏推荐