html学习总结

下面是小编整理的html学习总结，本文共10篇，欢迎大家阅读分享借鉴，欢迎大家分享。本文原稿由网友“cjsh2049”提供。

篇1：html学习总结

html学习总结

html学习总结HTML：Hypertext Marked Language

即超文本标记语言,是一种用来制作超文本文档的简单标记语言。超文本传输协议规定了浏览器在运行 HTML 文档时所遵循的规则和进行的操作.

创建一个HTML文档，需要两个工具，一个是HTML编辑器，一个WEB浏览器。

HTML编辑器是用于生成和保存THML文档的应用程序。

WEB浏览器是用来打开WEB网页文件，提供给我们查看WEB资源的客户端程序。

在文档的最外层，文档中的所有文本和html 标签都包含在其中，它表示该文档是以超文本标识语言(HTML)编写的。

是HTML文档的头部标签, 在浏览器窗口中，头部信息是不被显示在正文中的,在此标签中可以插入其它标记, 用以说明文件的标题和整个文件的一些公共属性。

是嵌套在头部标签中的，标签之间的文本是文档标题，它被显示在浏览器窗口的标题栏

标记一般不省略，标签之间的文本是正文，是在浏览器要显示的页面内容

HTML的标签分单标签和成对标签两种

成对标签：<标签名>

单独标签：<标签名>

<标签名字 属性1 属性2 属性 3 … >内容

作为一般的原则，大多数属性值不用加双引号。但是包括空格、%号，#号等特殊字符的属性值必须加入双引号。为了好的习惯，提倡全部对属性值加双引号。如：

字体设置

文字版面的编辑

3-1 换行

单标签

3-2 换段落标签

单独、成对

格式：

其中,ALIGN 是

标签的属性,属性有三个参数 left,center,right.这三个参数设置段落文字的左,中,右位置的对齐方式.

3-3 原样显示文字标签

成对、

3-4 居中对齐标签 成对标签

3-5 引文标签 (缩排标签)

3-6水平分隔线标签 单独

3-7署名标签 标签之间的文字显示效果是斜体字。

3-8特殊字符

注：©是版权声明前的圈

3-9注释标签

3-10 字体属性

3-10-1标题标签的格式：

说明：标签是成对出现的，标签共分为六级，在...之间的文字就是第一级是最大最粗的标题;...之间的文字是最后一级，是最小最细的标题文字。align 属性用于设置标题的对齐方式，其参数为 left(左)， enter(中)， right (右)。标签本身具有换行的作用，标题总是从新的一行开始。

文字格式控制标签

3-10-2 标签用于控制文字的字体，大小和颜色

3-10-3特定文字样式标签

a 物理类型标签

粗体标签

放在与标签之间的文字将以粗体方式显示。

斜体标签

放在与标签之间的文字将以斜体方式显示。

下划线标签

放在与标签之间的文字将以下划线方式显示。

b 常用的逻辑类型标签有八种，放在标签之间的文字受其控制

em标签：用于强调的文本，一般显示为斜体字

strong标签：用于特别强调的文本，显示为粗体字

cite标签：用于引证和举例，通常是斜体字

code标签：用来指出这是一组代码

small标签：规定文本以小号字显示

big标签：规定文本以大号字显示

samp标签：显示一段计算机常用的字体，即宽度相等的字体

kbd标签：由用户输入文本，通常显示为较粗的宽体字

var标签：用来表示变量，通常显示为斜体字

dfn标签：表示一个定义或说明，通常显示为斜体字

sup标签：122=144

sub标签：硫酸亚铁的分子式是Fe2SO4

建立列表

4-1 无序列表

格式 1:

第一项

第二项

第三项

格式 2

第一项

第二项

第三项

的属性 type

disc 实心园

circle空心园

square小方块

4-2 有序列表

有序列表和无序列表的使用格式基本相同，它使用标签，每一个列表项前使用。列表的结果是带有前后顺序之分的编号。如果插入和删除一个列表项，编号会自动调整。

4-3 嵌套列表

4-4 定义列表的标记//

第 1项 注释 1

第 2项 注释 2

第 3项 注释 3

第一层为列表项标签，第二层为注释项标签。和标签通常是成对使用的。

4-5 目录列表和菜单列表

格式 1:

第一项

第二项

第三项

格式 2

第一项

第二项

第三项

图像的处理

5-1 背景图像的设定

5-2 网页中插入图片标签

的格式及一般属性设定：

5-2 设定上下左右空白位置 hspace/vspace

5-2-3 设定字画对其方式

图像的对齐：

1) 单独占一行时，放在…中，用的'对齐属性进行设置。

2) 与文本在同一行时，用其自身的 align 属性(top,middle,bottom)设置图像与文本的垂直对齐。其中：bottom为默认值。

3) 图文混排时，可实现图像的左、右环绕文本，用 align 属性(left 图像在左、文本在右,right)。

5-2-4 图片大小设定

5-2-5 图像边框的设定

建立超链接

建立超链接的标签为和

格式：超链接名称

属性“HREF”定义了这个链接所指的目标地址;目标地址是最重要的，一旦路径上出现差错，该资源就无法访问

TARGET:该属性用于指定打开链接的目标窗口，其默认方式是原窗口。

建立目标窗口的属性

属性值 描 述

_parent 在上一级窗口中打开，一般使用分桢的框架页会经常使用

_blank 在新窗口打开

_self 在同一个桢或窗口中打开，这项一般不用设置

_top 在浏览器的整个窗口中打开，忽略任何框架

TITLE：该属性用于指定指向链接时所显示的标题文字

TABLE

在html 文档中，表格是通过 , ,

, 标签来完成的

7-2(2) 设置分隔线的显示状态 rules

7-2(3) 表格的边框显示状态 frame

7-3 表格行的设定

的参数设定(常用)：

bordercolorlight=“#808080” bordercolordark=“#FF0000”>

7-4 单元格的设定

和 都是插入单元格的标签，这两个标签必须嵌套在

标签内。是成对出现的

7-7 表格的标题标签

网页的动态、多媒体效果

8-1 滚动字幕 ...

8-2 插入多媒体文件

嵌入背景音乐

将音乐做成一个链接，只需用鼠标在上面单击，就可以听音乐了

乐曲名

多视窗口框架

语法格式：

......

可以做导航

浮动窗口

篇2：学习网页设计html学习总结

网页设计心得体会。我利用寒假的时间，对网页设计进行了初步的认识和了解，并基本掌握Dreamweaver的应用。

通过对网页设计书籍的翻阅，我学习到了一些关于建设网站和制作网页的知识，在实践查阅资料时，对flash也有所了解。我还了解了一些基础的网络技术。通过学习，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，他是、Flash、Fireworks等网页软件的综合应用。

下面阐述一下我在翻阅《Dreamweaver》时的一些关于网页设计的见解。在具体的制作一个网页时我了解到一个优秀的网页设计应该具备一些基本原则。

首先，要·确定网页设计的内容一个优秀的风站要有一个明确的主题。整个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么，所有页面都是围绕着这个内容来制作，有了明确的内容对排名有很重要的作用;其次，要了解你网站所在行业的客户，及你的网页属于哪个类别。用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去.

在完成以上的基本内容之后网页的基本框架便成形成了，

下面要开始的便是优化工作，

内容是整个网页的核心。在网页设计之前必须明确网页的内容安排。优秀网页设计是要建立在平凡的基础上的。然后在具体的规划一个网页时，可以用树状结构先把每个页面的内容大纲列出来，尤其要制作一个大的网站 (有很多页面) 的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又要一改再改整个网站的架构，很浪费时间和财力。大纲列出来后，还必须考虑每个页面之间的链接关系。是星形，树形，或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱，层次不清的站点会造成浏览困难，影响内容的发挥。框架定下来了，然后开始一步一步有条理，有次序地做来，就胸有成竹得多，也会为主页将来发展打下良好的基础。下一步，就以动手制作具体内容了，题材选定，框架选定，接下来就开始往主页里面填内容。

如果是个人主页，有能力的人完全可以靠自己来创作所有的内容。大部分人的方法是：从报纸，杂志，光盘等媒体中把相关的资料收集整理，再加上一定的编辑后就可以了。另外一个好的方法是从网络上收集，您只要到搜索引擎上查找相应的关键字，就可以找到一大堆的资料。在准备材料的时候我们可以用一些小的动画和动态图片，Flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互性”强。在动画播放时，可以用鼠标或键盘对动画的播放进行控制，效果可以很直观的反映出来。然后是开始正式制作主页。通过Dreamweaver作为制作软件，只需要用到软件中的一些基本的功能：图片插入和对齐设置;文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。

总体来说，通过这个假期对网页设计的学习，有收获也有遗憾。但是，我已经迈入了网页设计的大门，只要我再认真努力的去学习，在今后的闲余时间学习制作网页的更多知识以实现自身技能的提高，我坚信将来设计出的网页会更加专业，更加华丽，使它最终成为自己的一项技能。

篇3：学习网页设计html个人总结

我在网上进行的逻辑教学工作已经完成了，闲暇无事之余，便想将个人的主页——《思东书屋》重新进行一下规划和设计，为此购买了几本有关网页设计和制作的书籍，开始学习网页的基本语言HTML。尽管网页制作方法早已经从最简单的文本编辑器发展到可视化的网页编辑工具，但是，编辑形式的改变并没有影响到HTML语言的整体结构，它只是简化了编程方式，用直观的具体形式取代了传统的不可见的抽象形式。

这就如同哲学理论自身发展的两个阶段——理性的思辨和直观的图像一样。目前，人们对用图像解说认识过程和逻辑规则还缺乏深刻的认识，总是习惯于语言表达方式，不知道语言表达的缺陷是片面性和抽象性，而图像形式则具有直观性和具体性这一特点。如今我们生活的时代已经进入到互联网的动漫时代，此时抽象的语言表达方式与时代发展的脉搏呈现出极不同步的状态，这种表达方式远远落后于时代科学技术创新和发展取得的成果，它明显地缺乏与时俱进的特点。人们只要看看有关系统论的教材，就会被书中展示的图形和图像所吸引。由此看来，作为时代的哲学理论也应该充分利用电脑给人们带来的多媒体技术，通过编制幻灯片、动画片和电脑仿真模式展开既直观又生动的教学，只有这样做才能使哲学理论跟上时代发展的步伐，真正做到与时俱进。

从互联网的操作平台和编程语言的发展过程中我们可以清楚地看到，逻辑思维在当今时代具有的重要作用和能够发挥出来的巨大威力。没有逻辑思维能力的提高，就不会导致多媒体的产生和动漫世界无处不在的现象出现。互联网的发展不仅改变了当今的世界面貌，它同时也改变了人类自身固有的静态思维模式。在当今时代，老子大道强调的真实逻辑在互联网的演化过程中已经充分显露出来。

从框架结构、层次关系和语句之间的嵌套关系中，我们可以看到老子的一个圆圈模式自身具有的应用价值。如果我们将人类思维具有的三种逻辑规则以直观形象的实例展示出来，那么，语言逻辑就是人们在日常生活和工作中使用的逻辑规则，例如刑侦逻辑，它总是强调分析和判断的结果要与真实的作案过程同一起来。表述形式要求清晰性、条理性和无矛盾性，可见，强调无矛盾的同一律是语言逻辑的特点：思维和存在二者直接同一是语言逻辑的属性，表述形式和表述内容之间不允许出现对立性和矛盾性。由此构成形式逻辑同一律的实质。

数理逻辑是计算机硬件自身具有的逻辑规则，它把握了中央处理器CPU、信息交换的存储器、记载时间和次数的计数器以及丰富多彩的颜色区分模式之间的相互关系，它直接通过逻辑真值表、二进制的语言和编码结构展示出来，这是纯粹抽象的逻辑规则在现实中的应用模式。其鲜明特征是：它把握了思维和存在二者本质同一这一属性。

哲学逻辑则体现在计算机软件上面，例如电脑的操作系统平台以及网页设计和制作的具体方法，它是真实逻辑模式的体现。电脑中动画图像的制作就是通过层次来把握过程和系统，把握繁杂的关系网模式。从而实现了互联网模式与客观存在模式二者之间的同一性，它们全都以“多样性的统一”这一模式出现，不是理性思辨强调的“从一到多”的发展和演变模式。其理论根据在于：互联网的根基是建立在相互联系和相互作用的关系上面，它不是单纯的存在物自身具有属性，而是以关系网形式出现的新事物。可见，随着互联网的发展，人类思维就会从直观的具体存在提升到间接的关系网模式这一高度。而老子的哲学理念恰恰就建立在系统联系的关系网基础上，可见它与时代发展的气息是紧密联系在一起的。通过网页制作中的逻辑规则这种形式理解和把握老子大道的哲学理念，将是破解老子大道之谜的一条捷径。人们在学习网页设计和编程语言的过程中就可以把握住老子讲述的逻辑规则。二者之间只有表现形式不同，在逻辑规则环节绝对同一，没有本质的区别。

这就是人类的智慧，它在远古时代就把握了复杂多变的关系网。然而，只有在互联网充分发展的今天，人们才能够深刻地理解老子大道的内涵，才能够揭示出真实逻辑自身具有的一个圆圈模式。

从老子大道的终极谜底中人们看到，真实的逻辑模式是一个将四种逻辑规则有机结合在一起的关系网。它与互联网的存在模式和运行模式完全一致。其中存在模式表现为大小圆圈环环相套，大圆圈就相当于服务器，小圆圈则相当于终端的电脑。整体的运动模式则体现出对立统一的矛盾关系。操作系统相当于基础理论：它是本质环节的工具，各种软件则是它的具体应用工具。

篇4：如何有效学习html基本语言

桌面脚本

想要动手在Windows里或苹果系统里编程，最简单的方法是从一种脚本语言或宏语言开始，例如AutoHotkey(Windows) 或Automator(苹果系统)。 如今一些硬件程序员冲着他们的屏幕大喊大叫，说AHK和AppleScript并不是“真正”的编程语言。 也许他们说的是对的—技术上，这些种类的语言只能做一些上层的编程。 但是对于那些只是想来脱盲、想在他们的电脑里实现一些能自动运行的程序的新手来说，这些语言会是一个绝妙的入门入口—而且你会吃惊于它们丰富的功能。

例如，大家都喜爱的Texter就是Adam使用AutoHotkey开发的能独立运行的Windows应用程序，所以说这种脚本语言远不是只能开发小规模脚本软件。 如果你想从AutoHotkey入手，可以参考Adam的指导：how to turn any action into a keyboard shortcut using AutoHotkey(然后，你可以下载Texter源代码看看这个功能齐全的使用AHK开发的Windows应用程序的内部结构)。

篇5：如何有效学习html基本语言

Web开发

HTML 和 CSS：开发网站，你第一件要知道的事情就是HTML(网页就是由它组成的)和CSS(一种让外观更好看的样式标记)。 HTML 和 CSS 并不是编程语言—它们只是页面的结构和样式信息。 然而，在开始开发web应用程序之前你必须要学会如何手工的编写简单的HTML和CSS，web页面是任何webapp的前端显示部分。 这个HTML 指导是你入手的好地方。

JavaScript:当你可以通过HTML和CSS构建一个静态页面后，事情就开始变得有趣了—因为到了该学JavaScript的时候了。 JavaScript是一种web浏览器上的编程语言，它的魔力就是能在页面里制造一些动态效果。

JavaScript可以做bookmarklets,Greasemonkey脚本, 和Ajax, 所以它是web上各种好东西的关于因素。学习JavaScript从这里开。

篇6：如何有效学习html基本语言

Web框架：

过去数年里，web开发人员在开发动态网站的过程中不得不一遍又一遍的针对重复遇到的问题写出重复的代码。 为了避免这种每次开发一些新网站都会重复劳动一次的问题，一些程序员动手搭建了一些框架，让框架替我们完成重复性的工作。

非常流行的Ruby on Rails框架，作为一个例子，它利用Ruby编程语言，为我们提供了一个专门面向web的架构，普通的web应用程序都能使用它来完成。 事实上，Adam使用Rails开发了他的第一个正式的(而且是叹为观止的!)web应用程序，MixTape.me。这就是他的如何在没有任何经验的情况下搭建一个网站。还有一些其他的web开发框架包括CakePHP(针对 PHP 编程者),Django(针对 Python 编程中), 以及jQuery(针对 JavaScript).

篇7：如何有效学习html基本语言

Web APIs:

API (应用层序编程接口)是指不同的软件之间相互交换的程序途径。 例如，如果你想在你的网站上放一个动态的地图，你可以使用Google Map，而不需要开发自己的地图。The Google Maps API可以轻松的让你通过JavaScript在程序中引入一个地图到你的页面上。 几乎所有的现代的你所知道的和喜爱的web服务都提供了API，通过这些API你可以获取到他们的数据和小工具，在你的应用程序里就可以使用这些交互过来的东西了，例如Twitter, Facebook, Google Docs, Google Maps, 这个列表远不止这些。

通过API把其他web应用集成到你的web应用里是现在富web开发的前沿地带。 每个优秀的主流的web服务API都附带有完整的文档和一些快速入手的指导(例如，这个就是Twitter的)。 疯狂吧。

篇8：如何有效学习html基本语言

插件(Add-ons)

如今的web应用程序和浏览器都可以通过一些扩展软件来丰富自己的功能。 由于一些现有的软件，例如Firefox、WordPress越来越受到开发人员的关注，插件的开发也日益流行，人们都在说“But if only it could do THIS…”

只要你掌握了HTML，JavaScript和CSS，你就可以在任何的浏览器里开发你想要的很多东西。 Bookmarklets,Greasemonkeyuser scripts, 和Stylishuser styles这些软件都是用的更普通页面一样的语言写成的, 这几个东西都值得你去研究一些。

更高级的浏览器扩展程序，例如Firefox的扩展，它们可以帮助你很多。 开发Firefox的扩展.

举个例子，需要你精通JavaScript和XML(一种标记语言，类似HTML，但具有更严格的格式)。 早在我就写下来how to build a Firefox extension, 这是我在笨手笨脚的研究网上的一些学习资料后获得的成果。

很多免费的、受欢迎的web应用程序都提供了扩展框架，例如WordPress 和 MediaWiki。 这些应用程序都是用PHP写成的，所以只有对PHP熟悉你才能做这些事情。 这个就是如何编写WordPress插件。 而想驾驭Google Wave前沿技术的开发人员可以从使用HTML, JavaScript, Java, 和 Python 写小组件和小工具开始。 我写的第一个Wave bot是跟着这个一个下午时间的快速入门指导开始的。

篇9：如何有效学习html基本语言

服务器端脚本：

一旦你学会了网页里的知识，你就要开始对它添加一些动态服务器操作—为了实现这些，你需要把目光转移到服务器端脚本语言，例如PHP, Python, Perl, 或 Ruby。

举个例子，如果想要制作一个网页形式的联系方式表单，根据用户的输入发送邮件，你就需要使用服务器端脚本来实现。 像PHP这样的脚本语言可以让你跟web服务器上的数据库进行沟通，所以如果你想搭建一个用户可以登录注册的网站，这样的语言正是你需要的。

篇10：如何有效学习html基本语言

开发桌面上的Web应用程序

学习编程最好的结果是你在一个环境下学的东西可以应用到另外的环境中。 先学习开发web应用程序的好处就是我们有一些方法可以让web应用程序直接在桌面上运行。 例如，Adobe AIR是一个跨平台的即时运行平台，它能让你编写的程序运行在任何装有AIR的操作系统的桌面上。

AIR应用程序都是由HTML, Flash, 或 Flex 写成的，所以它能让你的web程序在桌面环境中运行。 AIR是开发部署桌面应用程序的一个优秀的选择，就像我们提到过的10个让你值得去安装AIR的应用程序。

安全学习总结

期末考试学习总结

研究性学习总结

本学期学习总结

合同法学习总结

html学习总结.doc

将本文的Word文档下载到电脑，方便收藏和打印

推荐度：

点击下载文档