当前位置：首页 > 范文大全 > 工作总结>html学习总结

html学习总结

2024-03-10 07:52:55 收藏本文下载本文

“corpsel”通过精心收集，向本站投稿了15篇html学习总结，下面就是小编给大家整理后的html学习总结，希望您能喜欢！

html学习总结

篇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的应用程序。

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

耐心，刻苦，尝试，失败

好的程序员都有一个不达目的誓不罢休的品质，他们会惊喜于通过长期推敲和失败换来的一点成绩。学会编程会有很好的回报的，但是学习的过程可能会是饱受挫折和孤独的。如果有可能，最好找个伴一起陪你做这件事。想精通编程，这和其他事情一样，需要坚持，反复尝试，获得更多的经验。

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

移动应用开发

能在iPhone或者Android智能手机上运行的手机应用程序的开发如今正呈现井喷之势，所以你也可以梦想一下如何在iTunes应用商店里通过你的天才程序大赚一笔。但是，作为一个编码新手，直接奔向移动开发所经历的学习曲线可能会很陡，因为它需要你熟悉高级的编程语言，例如Java和Objective C。

然而，你当然应该看看iPhone 和 Android 编程究竟是什么样子的。阅读这个简单的iPhone应用开发例子可以初步认识一下iPhone程序的开发过程。 Android 程序都是由Java写成的，这有一个简单的视频教程教你如何开发第一个”Hello Android“程序(注：可能需要代理才能看这个视频)。

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

命令行脚本

如果你想开发一个程序，让它读取文字或文件、输入输出一些有用的东西，那么，命令行脚本语言将是个不错的选择。然而它并不像web应用程序和桌面应用程序那样有吸引力和好看的外观，但是作为快速开发的脚本语言，你却不能忽视它们。

很多的在linux平台上运行的web脚本同样能以命令行模式运行，例如Perl，Python和PHP，所以如果你学会了使用它们，你将能在两种环境中使用它们。我的学习道路一直没离开Perl太远，我自学Python使用的是这本优秀的在线免费书Dive into Python。

如果成为一个Unix高手也是你学习的目标，那么你绝对要精通bash这个脚本语言。 Bash是Unix和Linux环境下的一种命令行脚本语言，它能够为你做所以的事情：从自动备份数据库脚本到功能齐全的用户交互程序。起初我没有任何使用bash脚本的经验，但最终我用bash开发了一个全功能的个人代办任务管理器：Todo.txt CLI。

篇14：html学习心得

经过1天多的艰苦奋战，终于把html(Hypertext markup language)的基础教程给看完了。

这次为了xml而看了这“古老”的技术，还是有点收获的。。总体来说，虽然不是很熟练，但是看懂一般的html网页源文件已经不是问题了。闲来无事，就写写笔记吧，说说感受也好!

html给我的感觉是很标准，很有格式的。最主要的代码特点就是标记成对的出现，虽然有些可以省略，但是建议除非太过烦琐还是把前后都加上去吧!作为一个完整的html网页，总是有头部，主体和结尾3大部分，分别用head/head，body/body和/html表示。另外，一个重要特性就是可以自定义风格(CSS)，这是非常方便的，类似于编程语言的类的功能吧!同时，还可以嵌入其他script来增强其交互功能。而对于相当重要的标记，也只是由头部标识和属性所组成。(标识属性1 属性2 属性3...)看来，学习html是学习其他网页脚本语言的基础吧，同时对于学习可视化网页设计也是有帮助的(这么说应该不过分吧!)!，下面就让我们一起来详细分析各个部分的构成元素。

其实大多数html网页的标记不多，就只有10几个吧!(看到这里，好!)这里主要介绍一下常见的控制文件的外观和布局的标记!

h:从h1到h6所标识的字体依次减小，一般来说，h1用来标记文件标题h2用来标记一章的标题h3用来标记章节的标题，h6则是来作为小字印刷，如版权信息等等。

p和br:基本类似于回车键的功能，而p可以插入空格，同时也可以附带属性，如p 效果p(缺省情况是左对齐，左对齐很多排列方式的缺省情况)

div:虽然类似于p，也可以使用align属性，但是在使用风格表格时功能强大。(风格表格见后)

hr:可以产生一条水平线，对于组织格式是很有帮助的。

在这里应该说一说逻辑标记和物理标记的差别：物理标记表明信息的外观，而逻辑标记表明信息的语义。从适用范围来说，使用逻辑标记更值得推荐，因为逻辑标记表示的是本质特性，不随浏览器的变化而变化!

逻辑标记：citedfnstrongcodeinsdel(注：大家可以自己测试一下，看看有什么效果，其中ins和del是很有用的标记，特别是在多人合作开发的时候，看字面应该知道这两个是干嘛的.吧!)

物理标记：itttbigsmallsubsupstrike(注：大家测试吧，动手最重要)

是超文本(Hypertext)格式的重要实现方式，而使用的就是锚(Anchor)(，所以缩写也就是a)，

一个典型的锚标记的定义：a href=“目标页面”激活热区/a(注：href：hypertext reference，就是到哪里)，现在分情况介绍：

1)外部

1。1非本地文件：a href=“www.zsu.edu.cn”中山大学/a(这个很明显，不用解释了)

1。2其他形式的非本地资源：a href=“ftp://ftp.zsu.edu.cn”中山大学/a(ftp资源)

a href=“mailto:mc02cxj@zsu.edu.cn”我的email/a(email信息)

1。2本地文件：a href=“另一个网页.html”另一网页?/a(同一文件夹的，当然也可以给出完整路径咯)

a href=“../另一个网页.html”另一网页?/a(上一级别文件夹的)

(注：../表示上一级文件夹，同样../../就表示上上一级)

2)内部

什么是内部，就是在同一个网页里边的!这样做是为了避免网页太大而造成的浏览麻烦!

步骤：首先要定义一个引用目标锚，然后在另一处定义被锚引用的目标!看例子吧

a herf=“#top”top/a(其中top定义了该锚)

a name=“top”top/a(这里就引用了该锚)

使用图像：img

1)对齐方式：缺省是左对齐，可以使用div align=..进行更改。

2)高度和宽度：img

3)四周区域和边框：img

1)无序列表：无序，就是没有特别的序号，也就是平等哦。。下面看个例子吧。

ulli内容1li内容2li内容3/ul(注：对于ul，可以添加属性type，属性值有disc，square，circle，这样就可以改变序号了)

2)有序列表：这个当然就是前面有序号咯。

olli内容1li内容2li内容3/ol(注：对于ol，同样可以添加type属性，属性值可以是1，a，A，i，I，呵呵，自己测试一下。)另外，对于ol，可以从喜欢的序号开始排序，用的属性就是ol的start和li的value了，很明白吧：)

3)列表嵌套：嵌套，类似于树状菜单的东西。可以使用ulul/ul/ul类似的格式进行使用。

4)定义列表：主要有dl，dt，dd，分别代表定义标识，头部和内容，使用方法：

dldt头部dd定义的内容/dl(注：dt和dd不需要结束标记)

1)定义一个form：定义一个form标记，用于确定发送消息的类型和处理方式，其中必须的属性就是action了。form action=“zsu.edu.cn/...” method=“post”(注：method用于说明传送数据的方式，还有get方式，不过现在常用post)。类似的有，form action=“mailto:mc02cxj@zsu.edu.cn” method=“post”

2)大部分的form都是在input中处理的。如下面所示：

请输入名字input type=“text” name=“username”p

篇15：如何才能系统有效的学习html

有效学习html的方法

首先是看html代码

html代码印象中第一步就是分析与观看，第一步是一个熟悉的过程，我们通过第一步的看要了解到html代码的组成部分，刚开始在学习超链接的时候就先分析超链接的前面是什么字母，他需不需要在后面带括号，为什么他的代码中有一个等号，这就是看的步骤。

1、学到html代码的组成部分是什么样的。

2、了解到html代码的实际意义，一些英文字母的简单组合，如果你会英文学习这个代码更简单。

3、看见网页代码能够快速的识别是什么成分，比如标题tittle。

其次是记html代码

光学会看与分析并不行，那样的东西还是别人的，学习html代码最重要的一个过程就是记，首先我们要记html代码最基本的网页组成部分，比如说颜色如何表示、结构排序如何表示、超链接如何表示、关键词与标题等等如何表示，而这些东西我们都必须将之记忆在大脑之中，通过记忆这个过程要让自己的头脑中有丰富的html代码可以随时利用。

1、html代码就是英文记忆法，其中的关键词词语就是英文单词。

2、小本记忆法。将不会的关键性词语就写在一个小本子上，没有事情的时候就拿出来看和背。

3、多看多记忆，如果你确实不会，就从头开始，每天规定自己记忆多少内容，时间到了你的知识自然而然就丰富了起来，而剩下的最后一步就是实践了。

最后是练html代码

我们在记忆了很多html代码之后就要学会利用这些代码，我们可以在网上搜索html在线编辑工具，也可以下载一款免费的html编辑软件，下载完成之后我们先打开一个小网站，将网站的网页与网站先看一下，最后我们就要开始一步一步的练习了。