Html简介
全写： HyperText Mark-up Language 译名： 超文件注标式语言（译名之一）
简释：一种为普通文件中某些字句加上标示的语言，其目的在于运用标记（tag）使文件达到预期的显示效果。
HTML 是在 SGML 定义下的一个描述性语言，或可说 HTML 是 SGML 的一个应用程式，HTML 不是程式语言，如 C++ 和 Java 之类，它只是标示语言，基本上你只要明白了各种 标记的用法便算学懂了 HTML，HTML 的格式非常简单，只是由文字及标记组合而成，于 编辑方面，任何文字编辑器都可以，只要能将文件另存成 ASCII 纯文字格式即可，当然 以专业的网页编辑软件为佳。
■ 阅读须知：
这一篇【HTML剖析】偏重于标记的介绍，考虑到易懂及每节的篇幅问题，我并不按 W3C 的 HTML 分类，这可令你更易选择有兴趣的标记，其中只有【文件标记】是必读的，其 余可任意选择。这一篇不会提及任何网页编辑软件，只要掌握了 HTML，任何网页 编辑工具都可以变成一把利器。■ 标记写法：
任何标记皆由“<”及“>”所围住，如
标记名与小于号之间不能留有空白字符。
某些标记 要加上参数，某些则不必。如 Hello 参数只可加于起始标记中。
在起始标记之标记名前加上符号“/”便是其终结标记，如 标记字母大小写皆可。
■ 围堵标记与空标记：
标记按型态分为围堵标记与空标记 围堵标记
顾名思义，它以起始标记及终结标记将文字围住，令其达到预期显示效果。例如 HTML Source ： Creation of Webpage is my favourite.显示成： Creation of Webpage is my favourite.其中 便称为围堵标记。
它以起始标记及终结标记标示文字 Creation of webpage，令它显示成粗体，两者失其一都会发生错误显示。
空标记
是指标记单独出现，只有起始标记没有终结标记。例如 HTML Source：
I love Creation of Webpage.
It's a wonderful place.显示成： I love Creation of Webpage.It's a wonderful place.其中换行标记
便属空标记。
它的作用便是将标记后所有东西显示于下一行，可见终结标记于它是没意义的，但有些人会为空标记加上终结标记，这是为方便记认而己，对 HTML 没有影响
HTML 标记一览
标记 类型 译名或意义用 文件标记
● 文件声明
● 开头
● 标题 <BODY> ● 本文 排版标记</p><p><!--注解--> ○ 说明标记 <p>○ 段落标记 <BR> ○ 换行标记 <HR> ○ 水平线 <CENTER> ● 居中 <p>● 预设格式 示</p><p><DIV> ● 区隔标记 <NOBR> ● 不折行 <WBR> ● 建议折行 字体标记</p><p>● 加重语气 <B> ● 粗体标记 <EM> ● 强调标记 <I> ● 斜体标记 <TT> ● 打字字体 Courier<U> ● 加上底线 <H1> ● 一级标题标记 <H2> ● 二级标题标记 <H3> ● 三级标题标记 <H4> ● 四级标题标记 <H5> ● 五级标题标记 <H6> ● 六级标题标记 <FONT> ● 字形标记 <BASEFONT> ○ 基准字形标记 <BIG> ● 字体加大 作 备注 让浏览器知道这是 HTML 文件 提供文件整体资讯</p><p>定义文件标题，将显示于浏览顶端 设计文件格式及内文所在 为文件加上说明，但不被显示</p><p>为字、画、表格等之间留一空白行 令字、画、表格等显示于下一行 插入一条水平线</p><p>令字、画、表格等显示于中间 反对 令文件按照原始码的排列方式显设定字、画、表格等的摆放位置 令文字不因太长而绕行 预设折行部位 产生字体加粗 Bold 的效果 产生字体加粗的效果 字体出现斜体效果 字体出现斜体效果</p><p>字体，字母宽度相同 加上底线 反对</p><p>变粗变大加宽，程度与级数反比 将字体变粗变大加宽 将字体变粗变大加宽 将字体变粗变大加宽</p><p>将字体变粗变大加宽 将字体变粗变大加宽 设定字形、大小、颜色 反对 设定所有字形、大小、颜色 反对 令字体稍为加大</p><p><SMALL> ● 字体缩细 令字体稍为缩细 <STRIKE> ● 画线删除 为字体加一删除线 反对 <CODE> ● 程式码 字体稍为加宽如<TT> <KBD> ● 键盘字 字体稍为加宽，单一空白 <SAMP> ● 范例 字体稍为加宽如<TT> <VAR> ● 变数 斜体效果 <CITE> ● 传记引述 斜体效果 <BLOCKQUOTE> ● 引述文字区块 缩排字体</p><p><DFN> ● 述语定义 斜体效果 <ADDRESS> ● <SUB> ● <SUP> ● 清单标记</p><p><OL> ● <UL> ● <LI> ○ <MENU> ● 对</p><p><DIR> ● <UL> 反对</p><p><DL> ● <DT> ○ <DD> ○ 表格标记</p><p><TABLE> ● <CAPTION> ● <TR> ● <TD> ● <TH> ● 会变粗 表单标记</p><p><FORM> ● 式</p><p><TEXTAREA> ● 字</p><p><INPUT> ○ <SELECT> ● 单</p><p><OPTION> ○ 图形标记</p><p><IMG> ○ 性</p><p>连结标记</p><p><A> ●地址标记 下标字 下标字 顺序清单 无序清单清单项目 选单清单 目录清单 定义清单 定义条目 定义内容 表格标记 表格标题 表格列 表格栏 表格标头 表单标记 文字区块 输入标记 选择标记 选项 图形标记 连结标记 斜体效果 指数 下标字 清单项目将以数字、字母顺序排列 清单项目将以圆点排列 每一标记标示一项清单项目 清单项目将以圆点排列，如<UL> 反清单项目将以圆点排列，如清单分两层出现 标示该项定义的标题 标示定义内容 设定该表格的各项参数 做成一打通列以填入表格标题 设定该表格的列 设定该表格的栏 相等于<TD>，但其内之字体决定单一表单的运作模提供文字方盒以输入较大量文决定输入形式</p><p>建立 pop-up 卷动清每一标记标示一个选项 用以插入图形及设定图形属加入连结</p><p><BASE> ○ 基准标记 可将相对 URL 转绝对及指定连结目标 框架标记</p><p><FRAMESET> ● 框架设定 设定框架</p><p><FRAME> ○ 框窗设定 设定框窗</p><p><IFRAME> ○ 页内框架 于网页中间插入框架 IE <NOFRAMES> ● 不支援框架 设定当浏览器不支援框架时的提示 影像地图</p><p><MAP> ● 影像地图名称 设定影像地图名称 <AREA> ○ 连结区域 设定各连结区域 多媒体</p><p><BGSOUND> ○ 背景声音 于背景播放声音或音乐 IE <EMBED> ○ 多媒体 加入声音、音乐或影像</p><p>其他标记</p><p><MARQUEE> ● 走动文字 令文字左右走动 IE <BLINK> ● 闪烁文字 闪烁文字 NC <ISINDEX> ○ 页内寻找器 可输入关键字寻找于该一页 反对</p><p><META> ○ 开头定义 让浏览器知道这是 HTML 文件</p><p><LINK> ○ 关系定义 定义该文件与其他 URL 的关系 StyleSheet <STYLE> ● 样式表 控制网页版面 <span> ● 自订标记 独立使用或与样式表同用</p><p>注：</p><p>● 表示该标记属围堵标记，即需要关闭标记如 </标记>。○ 表示该标记属空标记，即不需要关闭标记。IE 表示该标记只适用于 Internet Explorer。NC 表示该标记只适用于 Netscape Communicator。</p><p>反对 表示该标记不为 W3C 所赞同，通常这标记是 IE 或 NC 自订，且己为众所支 持，只是 HTML 标准中有其它同功能或更好的选择。</p><p>弃用 表示该标记己为 W3C 所弃用，是过时的标记，但 HTML 具向下兼容的特 性，不用担心新浏览器不支援旧标记。</p><p>新 表示该标记是 HTML 4.0 中新增的</p><p>文件标记</p><p><HTML> ； <HEAD> ； <TITLE> ； <BODY> ■ HTML 基本架构： 以下 HTML Source Code 便是一份 HTML 文件的基本架构 ： <HTML> <HEAD> <TITLE> 网页的标题 网页的内容，很多标记都作用于此
HTML（即超文本标记语言）的学习总结：
一：（html基本标记）：
head,头部标记 里面常用的标记（
）</p><p>title 标题标记<title><title></p><p>二:(文字与段落)</p><p>标题文字的对齐方式：align属性值（leftcenterright）设置文字常用属性：（face字体；size字号；color颜色）</p><p>设置文字常用标记：<font>=文本 粗体；<em>斜体；<u>下划线；<p>段落标记</p><p><br>换行标记</p><p>三 :（超链接）</p><p>超链接语法：<a href=“链接地址”>新浪</a></p><p>建立书签：<a name=“书签名称”>连接文字</a></p><p>四 :（插入图像及图像连接）</p><p>图像的格式：jpg格式； png格式；gif格式;bmp;</p><p>插入图像语法：<img src=“图像的地址”>注：图片标记<img>不成对出现图像的超链接：<a href=“连接的地址”><img src=“图像的地址”></a></p><p>五 :(多媒体)</p><p>滚动文字的标记与语法：<marquee></p><p>....滚动文字</p><p></marquee></p><p>设置滚动文字常用属性：</p><p>滚动方向：direction=(up;down;left;right)</p><p>背景音乐的设置：<bgsound src=“音乐的地址” loop=“循环的次数”>注：图片标记<bgsound>不成对出现</p><p>六（表格的插入）</p><p>标格的插入：<table></p><p><tr>行</p><p><td>列......</td></p><p><td>......</td></p><p></tr></p><p></table></p><p>设置表格的常用属性：width宽；height高；align对齐方式；标格的边框：border</p><p>标格的边框颜色：bordercolor</p><p>行文字以及表格标题的对其方式：valign</p><p>水平跨度：colspan</p><p>垂直跨度：rowspan</p><p>单元格的亮，暗边框：bordercolorlightbordercolordark</p><p>七（框架）</p><p>框架的基本结构语法：</p><p></frameset></p><p><frameset> <frame> <frame></p><h2><a name="3" >第三篇：HTML学习心得</a></h2><p>HTML学习心得</p><p>一、HTML简介</p><p>全写： HyperText Mark-up Language，译名： 超文件注标式语言（译名之一），简释：一种为普通文件中某些字句加上标示的语言，其目的在于运用标记（tag）使文件达到预期的显示效果。</p><p>HTML 是在 SGML 定义下的一个描述性语言，SGML(Standard Generalized Markup Language,标准通用标记语言)，是一种定义电子文档结构和描述其内容的国际标准语言，是所有电子文档标记语言的起源，早在Web发明之前SGML就已存在。HTML 不是程式语言，如 C++ 和 Java 之类，它只是标示语言，基本上你只要明白了各种标记的用法便算学懂了 HTML，它的格式非常简单，只是由文字及标记组合而成，在编辑方面，任何文字编辑器都可以，只要能将文件另存成 ASCII 纯文字格式即可，当然以专业的网页编辑软件为佳。</p><p>1.优点</p><p>HTML文档制作不是很复杂，且功能强大，支持不同数据格式的文件镶入，这也是WWW盛行的原因之一，其主要特点如下：1 简易性，HTML版本升级采用超集方式，从而更加灵活方便。2 可扩展性，HTML语言的广泛应用带来了加强功能，增加标识符等要求，HTML采取子类元素的方式，为系统扩展带来保证。3平台无关性。虽然PC机大行其道，但使用MAC等其他机器的大有人在，HTML可以使用在广泛的平台上，这也是WWW盛行的另一个原因。</p><p>二、HTML标记</p><p>任何标记皆由“<”与“>”围住，如 <p>标记名与小于号之间不能留有空白字符。某些标记要加上参数，某些则不必。如 <font size=“+2”>Hello</font> 参数只可加于起始标记中。在起始标记名前加上符号“/”便是其终结标记，如 </font>，标记字母大小写皆可。</p><p>1.标记种类</p><p>标记种类分为两种：围堵标记和空标记。围堵标记是以起始标记及终结标记将文字围住，令其达到预期显示效果。也就是说，标记是成对出现的，例如 <b>Creation of Webpage</b>，其中<b></b> 便称为围堵标记。它以起始标记<b>及终结标记</b>标示文字 Creation of webpage，令其显示成粗体，两者失其一都会发生错误显示。空标记是指标记单独出现，只有起始标记没有终结标记。例如 <BR>，它的作用便是将标记后所有东西显示于下一行，可见终结标记于它是没意义的，但有些人会为空标记加上终结标记，这是为方便记认而己，对 HTML 没有影响。</p><p>2.标记类型</p><p>标记类型按用途可以分为：文件标记(如：<HTML>、<BODY>)、排版标记(如：<p>、<BR>、<DIV>)、字体标记(如：<FONT>、<B>)、清单标记(如：<OL>、<UL>)表格标记(如：<TABLE>、<TD>)、表单标记(如：<FORM><INPUT>)、图形标记(如：<IMG>)、连结标记(如：<A>、<BASE>)、框架标记(如：<FRAMESET>、<FRAME>)、影像地图标记(如：<MAP>、<AREA>)、多媒体标记(如：<BGSOUND>、<EMBED>)、样式标记(如：<STYLE>、<span>)和其它标记(如：<MARQUEE>、<BLINK>)。</p><p>三、HTML结构</p><p>基本HTML页面以DOCTYPE开始，它声明文档的类型，且它之前不能有任何内容（包括换行符和空格），否则将使文档声明无效，接着是<html>标签，以</html>结束。在它们之间，整个页面有两部分－－标题和正文。标题词－－夹在<head>和</head>标签之间－－这个词语在打开页面时出现在屏幕底部最小化的窗口。正文则夹在<body>和</p><h2><a name="4" >第四篇：HTML实验报告</a></h2><p>东北大学软件学院</p><p>《HTML与JavaScript》</p><p>实验报告</p><p>专 业：软件工程</p><p>班</p><p>级：1405 学</p><p>号：20144706 姓</p><p>名：张俊怡</p><p>完成时间：2015/12/6</p><p>指导教师：王蓓蕾</p><p>总共页数： 8</p><p>网站主界面：（针对颜色不协调的问题已经改进）</p><p>主界面布局：</p><p>全程采用table布局，主要分块为上边一块，下边一块，中间过渡用动态效果展示网站信息。</p><p>下边左边是主要功能选择区，中间是文字动态区，右边是图片以及视频动态展示区。采用的CSS方法：</p><p>Class外部关联和内部关联配合使用 网站整体颜色风格： 用淡雅浅色作为主页背景 编写代码步骤：</p><p>最重要的是整体布局，布局好后分块修饰。</p><p>使用了JavaScript <script language=“JavaScript” type=“text/javascript”> var d=new Date();var</p><p>monthname=new Array(“January”,“February”,“March”,“April”,“May”,“June”,“July”,“August”,“September”,“October”,“November”,“December”);var TODAY = monthname[d.getMonth()] + “" + d.getDate()+ ”, " + d.getFullYear();</script> 来获取当前系统时间。</p><p>网站介绍页面：</p><p>使用了较多是js和jQuery 实现了图片的动态特效。资料下载页面：</p><p>布局方式：</p><p>采用table布局，布局较为简单，资料下载这个页面能实现的功能其实包括资料下载和上传。代码：</p><p>留言页面：</p><p>用JavaScript实现的逻辑判断</p><p>用table进行布局，form，input标签。CSS采用的是内部关联使用。</p><p>文章欣赏界面：</p><p>访客可以再次阅读所发布的文章</p><p>登陆界面，采用div布局，用内部CSS关联装饰</p><p>用JavaScript进行密码验证（当然这没用，应该用后台逻辑验证）文章展示区使用的table布局 Herf了几个文章的连接</p><p>注册粉丝界面：</p><p>简单的一个表单form，和JavaScript判断</p><p>采用table布局，难点在JavaScript判断，得一个一个判断，符合格式才能输入下一个信息。</p><p>在线聊天界面：</p><p>视频欣赏界面：</p><p>查看留言界面：</p><p>实验报告总结：网站全部界面已完成还有少部分界面未写，部分功能设计后台数据库的未实现，其他属于HTML，HTML5和JavaScript知识的功能均已实现（数据库等后台交互功能有困难），这个网站虽然不是商业性盈利模式的，但的确是我心里想要展示的，文章欣赏那一块功能是整个网站灵感的起源，因为展示的是我自己写的文章。</p><h2><a name="5" >第五篇：html教案</a></h2><p>《HTML基础》教案</p><p>教材：《dreamweaver cs3网页制作与实训》</p><p>执教：罗执清</p><p>一、教学目标：</p><p>1、了解HTML的概念、作用及特点</p><p>2、理解HTML文档结构</p><p>3、掌握标签的使用规范</p><p>4、了解常用标签的用法</p><p>二、教学重点：</p><p>1、HTML文件结构</p><p>2、标签使用规范</p><p>3、常用标签的使用</p><p>三、教学难点： HTML概念的理解</p><p>四、教学方法：</p><p>直观演示和任务驱动相结合</p><p>五、教学过程：</p><p>1、回顾站点管理相关操作</p><p>2、HTML概念及作用</p><p>3、HTML文件结构</p><p><html>：HTML文档开始。</p><p><head>：文档头部开始。</p><p><title>：文档标题开始。</p><p>HTML基础：文档标题。</p><p>：文档标题结束。
：文档头部结束。
：文档主体开始。
一个简单的网页：文档主体内容，它是网页的最主要部分。
点击咨询 