篇一 :html学习总结

1.       HTML 标签由开始标签和结束标签组成,空的 HTML元素没有结束标签,比如 <br />没有内容的 HTML 内容被称为空元素。空元素是在开始标签中关闭的。<br /> 就是没有关闭标签的空元素(<br /> 标签定义换行)。在 XHTML、XML 以及未来版本的 HTML 中,所有元素必须被关闭。在开始标签中添加斜杠,比如 <br />,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。即使 <br> 在所有浏览器中都是有效的,但使用 <br /> 其实是更长远的保障。

2.       HTML 标签及属性值 对大小写不敏感:<P> 等同于 <p>。W3School 使用的是小写标签,因为万维网联盟(W3C)在 HTML 4 中推荐使用小写,而在未来 (X)HTML 版本中强制使用小写。属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:name='Bill "HelloWorld" Gates'

3.       <hr /> 标签在 HTML 页面中创建水平线。hr 元素可用于分隔内容。

4.       <address> 可定义一个地址(比如电子邮件地址)。您应当使用它来定义地址、签名或者文档的作者身份。

<address>

 <a href="mailto:service@w3school.com.cn">用户服务信箱</a><br />

…… …… 余下全文

篇二 :html学习记录总结

3月20日

<html> </html> //文件开始标签

<head> </head> //文件头部标签

<title> </title> //文件标题标签 //可设置关键字,页面描述,编辑工具等重要属性 <body> </body> //文件主体标签

<center> </center> //使目标位于中心

target = "_blank" //目标打开新建页面

<br> 换行

<img src = "图片名称.图片格式" width="1284" height="349"/> //插入图片

<a href = "链接地址" >自定义名称</a> //设置链接

<meta name = "keyword" content="自定义关键字"> //设置关键字便于搜索

<meta name = "description" content="对页面的描述语言"> //设置页面描述便于搜索 <meta name = "generator" content="编辑软件名称"> //设置编辑工具

<meta name = "author" content = "作者姓名"> //设置网页作者姓名

<meta name = "robots" content = "限制方式"> //设置搜索方式

…… …… 余下全文

篇三 :html基础知识学习总结

目录

1.       HTML元素

2.       基本HTML标签

3.       HTML属性

4.       文本格式化

5.       字符实体(特殊字符)

6.       HTML链接

7.       框架

8.       表格

9.       HTML列表

10.   HTML表单和输入

11.   HTML图片

12.   HTML 背景

13.   HTML颜色

HTML基本知识总结

一:HTML 元素

HTML 文档是由 HTML 元素构成的文本文件。

HTML 元素是通过使用 HTML 标签进行定义的。

HTML 标签

1.HTML 标签是用来标记 HTML 元素的。

2.HTML 标签被 < 和 > 符号包围。

3.这些包围的符号叫作尖括号。

4.HTML 标签是成对出现的。例如 <b> 和 </b>。

5.位于起始标签和终止标签之间的文本是元素的内容。

6.HTML 标签对大小写不敏感,<b> 和 <B> 的作用的相同的

…… …… 余下全文

篇四 :html学习总结2

目录:

一、块结构... 1

二、内敛元素... 2

三、如何让两个块结构元素显示到一行。... 2

四、ul li 无序列表标签;... 2

五、背景图片... 3

六、定义样式的三种方式... 5

七、 文字在容器内垂直方向上居中... 5

八、容器在另一个容器内水平方向上水平居中... 6

一、块结构

块结构的特点:如设置宽度的时候,会占用整个父容器的一行。可以设置width,height。

 典型标签:Div  p 

二、内敛元素

 容器的大小,不能用户自己设定,即通过width,height改变宽高。容器的大小只能由容器内的内容(文字、图片等)自动撑大,即内容有多大,容器就有多大。

典型标签:label  span, a

把内敛元素通过display属性设置为块结构以后,可以通过通过width,height改变宽高;

 例如:label{ display:inline-block;width:1000PX; height:80PX;}

三、如何让两个块结构元素显示到一行。

如上图所示如何设置,可以通过float属性设置块结构元素现在在一行上。

如:<div> 

<div id=”div1”>div1</div>

<div id=”div2”>div2</div>

</div>

样式:

#div1{float:left;width:400px; height:30px;}

#div2{float:left ;width:400px; height:30px;}

四、ul li 无序列表标签;

<ul>

       <li><a href="#">众¨²人¨?首º¡Á页°3</a></li>

…… …… 余下全文

篇五 :html学习笔记小结2

4.3<tr><th><td>标签下的常用属性

属性名称 属性值 说明 width height

align(水平方向) right left center

valign(垂直方向) top 数据靠上 middle 数据居中 buttom bgcolor

4.4 拆分与合并单元格 <td>里面的属性

属性名称 属性值 colspan 数字 rowspan 数字 先删掉不要的空格再合并需要的空格 4.5表格的标题 <table>

<caption>.... </caption> </table>

属性有:

属性名称 属性值 align top buttom 5.1背景图片设置

<body background="url">

5.2将图片插入网页中

格式:<img src="url">

功能:将图片插入网页中 单一标签

…… …… 余下全文

篇六 :html学习总结

网页第一次课

一.什么是网页?

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>

…… …… 余下全文

篇七 :HTML学习心得

HTML学习心得

一、HTML简介

全写: HyperText Mark-up Language,译名: 超文件注标式语言(译名之一), 简释:一种为普通文件中某些字句加上标示的语言,其目的在于运用标记(tag)使文件达到预期的显示效果。

HTML 是在 SGML 定义下的一个描述性语言,SGML(Standard Generalized Markup Language,标准通用标记语言),是一种定义电子文档结构和描述其内容的国际标准语言,是所有电子文档标记语言的起源,早在Web发明之前SGML就已存在。HTML 不是程式语言,如 C++ 和 Java 之类,它只是标示语言,基本上你只要明白了各种标记的用法便算学懂了 HTML,它的格式非常简单,只是由文字及标记组合而成,在编辑方面,任何文字编辑器都可以,只要能将文件另存成 ASCII 纯文字格式即可,当然以专业的网页编辑软件为佳。

1.优点

HTML文档制作不是很复杂,且功能强大,支持不同数据格式的文件镶入,这也是WWW盛行的原因之一,其主要特点如下:1 简易性,HTML版本升级采用超集方式,从而更加灵活方便。2 可扩展性,HTML语言的广泛应用带来了加强功能,增加标识符等要求,HTML采取子类元素的方式,为系统扩展带来保证。3 平台无关性。虽然PC机大行其道,但使用MAC等其他机器的大有人在,HTML可以使用在广泛的平台上,这也是WWW盛行的另一个原因。

二、HTML标记

任何标记皆由"<"与">"围住,如 <P> 标记名与小于号之间不能留有空白字符。 某些标记要加上参数,某些则不必。如 <font size="+2">Hello</font> 参数只可加于起始标记中。在起始标记名前加上符号"/"便是其终结标记,如 </font>,标记字母大小写皆可。

…… …… 余下全文

篇八 :XHTML学习心得体会

XHTML学习心得体会

刚开始接触XHTML的时候,感觉很难,不知该怎么学习,后来经过认真学习这门选修课,让我渐渐找到了学习的方向,每天都能进步一点点,下面让我来谈一谈我学习这门课的心得体会。

通过学习,我知道了XHTML是可扩展超文本标记语言(Extensible Hyper Text Markup Language),是一种置标语言,表现方式与超文本标记语言(HTML)类似,不过语法上更加严格。

一个HTML文件大体分为以下几部分: <HTML>

<HEAD>

<TITLE>网页标题</TITLE>

</HEAD>

<BODY>

网页的内容

</BODY>

</HTML>

接下来学习了排列清单控制标记,排列清单控制标记可以创建一般的列表、编号列表或加着重号列表,以及定义列

表,还可以在一种列表中嵌套另一种列表。在网页中表格是一种经常使用到的设计结构,表格的内容中可以包含任何的数据,如文字、图像、表单、超链接、表格等等,所有在 HTML 中可以使用的数据,都可以被设置在表格中,所以有关表格设置的标记与属性页特别多,也是学习的难点。接下来还学习了图像、超链接、表单和框架等知识。在学习了这些知识以后,我对网页制作的基本结构和方法都有了一定的了解,自己开始制作一些简单的网页了。

再后来学习了XML与XHTML的区别,还有CSS的入门基础,学习了CSS文字与文本,再进一步学习了网页的布局,通过学习了这些知识以后,我对网页制作有了更深入的了解,能做一些比较复杂一点的网页了。

通过这门选修课的学习,让我进一步提高了计算机的应用能力。让我了解计算机网络知识和网上丰富多彩的信息是怎样制作和发布的。在学了本课程后,我掌握了应用网络语言HTML、CSS和网页设计软件来制作网页,并为今后的网络开发技术的学习打下了坚实的基础。

…… …… 余下全文