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="2" >第二篇：Html标记</a></h2><p>Html简介</p><p>全写： HyperText Mark-up Language 译名： 超文件注标式语言（译名之一）</p><p>简释：一种为普通文件中某些字句加上标示的语言，其目的在于运用标记（tag）使文件达到预期的显示效果。</p><p>HTML 是在 SGML 定义下的一个描述性语言，或可说 HTML 是 SGML 的一个应用程式，HTML 不是程式语言，如 C++ 和 Java 之类，它只是标示语言，基本上你只要明白了各种 标记的用法便算学懂了 HTML，HTML 的格式非常简单，只是由文字及标记组合而成，于 编辑方面，任何文字编辑器都可以，只要能将文件另存成 ASCII 纯文字格式即可，当然 以专业的网页编辑软件为佳。</p><p>■ 阅读须知：</p><p>这一篇【HTML剖析】偏重于标记的介绍，考虑到易懂及每节的篇幅问题，我并不按 W3C 的 HTML 分类，这可令你更易选择有兴趣的标记，其中只有【文件标记】是必读的，其 余可任意选择。这一篇不会提及任何网页编辑软件，只要掌握了 HTML，任何网页 编辑工具都可以变成一把利器。■ 标记写法：</p><p>任何标记皆由“<”及“>”所围住，如 <p>标记名与小于号之间不能留有空白字符。</p><p>某些标记 要加上参数，某些则不必。如 <font size=“+2”>Hello</font> 参数只可加于起始标记中。</p><p>在起始标记之标记名前加上符号“/”便是其终结标记，如 </font> 标记字母大小写皆可。</p><p>■ 围堵标记与空标记：</p><p>标记按型态分为围堵标记与空标记 围堵标记</p><p>顾名思义，它以起始标记及终结标记将文字围住，令其达到预期显示效果。例如 HTML Source ： <b>Creation of Webpage</b> is my favourite.显示成： Creation of Webpage is my favourite.其中 <b></b> 便称为围堵标记。</p><p>它以起始标记<b>及终结标记</b>标示文字 Creation of webpage，令它显示成粗体，两者失其一都会发生错误显示。</p><p>空标记</p><p>是指标记单独出现，只有起始标记没有终结标记。例如 HTML Source：</p><p>I love Creation of Webpage.<br>It's a wonderful place.显示成： I love Creation of Webpage.It's a wonderful place.其中换行标记<br>便属空标记。</p><p>它的作用便是将标记后所有东西显示于下一行，可见终结标记于它是没意义的，但有些人会为空标记加上终结标记，这是为方便记认而己，对 HTML 没有影响</p><p>HTML 标记一览</p><p>标记 类型 译名或意义用 文件标记</p><p><HTML> ● 文件声明 <HEAD> ● 开头 <TITLE> ● 标题 <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学习日志
01.HTML简介
HTML(Hyper Text Mark-up Language超文本标记语言)，标记就是用来描述网页内容的一些特定符号，HTML不是编程语言，而是一种描述性的标记语言，用于描述网页中内容的显示方式，比如文字以什么颜色、大小来显示，这些都是利用HTML标记来实现的.HTML文档的创建方式: 用HTML语言创建的文档 ·手工直接编写(例如记事本)·通过图形化的HTML开发软件Dreamweaver ·由Web服务器上的动态网页程序生成 标记也称为标签或元素.02.HTML语法
HTML最基本的语法是: <标记符>内容 标记符通常都是成对出现的，有一个开头标记和结束标记，结束标记只是在开头标记的前面加一个斜杠“/”，当浏览器打开html文件后，就会理解里面的标记符，然后把标记符对应的功能表达出来。例如:
文字内容 制作一个html网页文件: ·新建一个记事本的文件，命名为 *.html ·在文件里面输入内容
HTML标记的类型: 单标记与双标记 ·单标记: <标记名称> ·单一型，无属性值: 如:
·单一型，有属性值: 如:
·双标记
·无属性值: <标记名称>...如:
... ·有属性值: <标记名称属性=“属性值”>...如:
... 说明: ·标记与属性、属性之间以空格分隔
·属性不区分先后顺序，且属性不是必需的.·虽然在HTML中标记不区分大小写，但在XHTML中所有标记都必须小写，所以建议所有标记都采用小写.03.HTML文档结构
所有的网页文件，通常由四对标记来构成文档的骨架:
标题 <title> </head> <body> 正文</p><h2><a name="5" >第五篇：HTML个人总结</a></h2><p>HTML 网站开发的主要原则是：</p><p>– 用标签元素HTML描述网页的内容结构； – 用CSS描述网页的排版布局；</p><p>– 用JavaScript描述网页的事件处理，即鼠标或键盘在网页元素上的动作后的程序 HTML（Hyper Text Mark-up Language 超文本标记语言）的缩写，是最基础的网页语言。Html是通过标签来定义的语言，代码都是由标签所组成。Html代码不用区分大小写。Html代码由<html>开始</html>结束。里面由头部分<head></head>和体部分<body></p> </div>
</article>
<a href="#" tpid="25" target="_self" class="download_card jhcdown" rel="nofollow">
<img class="download_card_pic" src="//static.xiexiebang.com/skin/default/images/icon_word.png" alt="下载HTML(即超文本标记语言) 的学习总结（5篇）word格式文档">
<div class="download_card_msg">
<div class="download_card_title" style="text-decoration:none;">下载HTML(即超文本标记语言) 的学习总结（5篇）.doc</div>
<div class="download_card_tip">将本文档下载到自己电脑，方便修改和收藏，请勿使用迅雷等下载。</div>
</div>
<div class="download_card_btn">
<img src="//static.xiexiebang.com/skin/default/images/icon_download.png">
<div class="downlod_btn_right">
<div>点此处下载文档</div>
<p>文档为doc格式</p>
</div>
</div>
</a>
<div class="post-tags mt20 mb30"><span>相关专题</span>
<a href="/tag/htmljcwbbjyy/" target="_blank">html即超文本标记语言</a>
<a href="/tag/htmlbqyydgn/" target="_blank">html标签语言的归纳</a>
<a href="/tag/cyhtmlbjzj/" target="_blank">常用html标记总结</a>
</div>
<div class="single-info mb40"><span class="hidden-xs ">网址：https://www.xiexiebang.com/a8/2019051316/f16867ebca8e7f98.html</span><br>声明：本文内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：645879355@qq.com 进行举报，并提供相关证据，工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。 </div>
<div class="single-xg mb40">
<div class="con-title">
<h3><a name="6"></a>相关范文推荐</h3>
</div>
<div class="sticky mb20">
<ul><h2 class="mb20"><a href="/a1/201905127/525d4d8cf5d6e6b4.html" target="_blank">html和css总结[精选合集]</a></h2><p>Html 超文本标签语言，用表示一个一个标签，必须有头有尾，…. 网页内容写在里面 分为两大类：行级标签和块级标签 行级标签以行为单位，不会自动换行 块级标签以块为单位，新建是自动换......</p><h2 class="mb20"><a href="/a3/2019051218/fe23d14baba53c37.html" target="_blank">html标签总结</a></h2><p>:标记中的内容是用html语言
:网页头部信息
:网页标题
:网页主体
bgcolor/background:背景颜色/背景图片
:文字
size:文字大小
color:文字颜色
face:字体
:横线
size:粗细
co......</p><h2 class="mb20"><a href="/a1/2019051122/6e7d493cfa23e2e2.html" target="_blank">html总结[共五篇]</a></h2><p>第一章 网页基本框架：......</p><h2 class="mb20"><a href="/a1/201905127/406b9aa5265a6da0.html" target="_blank">网页制作HTML总结（范文大全）</a></h2><p>美诚国际教育宿州二中网页制作课程小结 田老师 第一讲 HTML的基本结构 -------根控制标记 -------头控制标记 标题 -------标题标记 -------头控制标记（尾） -------网页显......</p><h2 class="mb20"><a href="/a1/2019051218/e4cde15fc09a2b1f.html" target="_blank">HTML语言与网页制作教案（5篇可选）</a></h2><p>HTML语言与网页制作教案 城步职业中学：刘红兰 教学内容：HTML语言与网页制作 教学目的：1、掌握输入和运行HTML文件的方法 2、掌握HTML基本的结构标记 3、掌握html在网页特效中的......</p><h2 class="mb20"><a href="/a15/201905153/b2d73587252803f1.html" target="_blank">2014高中信息技术 HTML语言教案 新人教版（精选）</a></h2><p>2014高中信息技术 HTML语言教案 新人教版 一、简介 HTML是HyperText Markup Language的缩写，是制作网页的基础。虽然现在所见即所得的网页编辑器很多，不需要了解HTML就可以......</p><h2 class="mb20"><a href="/a8/2019051316/799958e15e9d0437.html" target="_blank">html学习笔记小结2</a></h2><p>4.3标签下的常用属性
属性名称属性值说明widthheight
align(水平方向)rightleftcenter
valign(垂直方向)top数据靠上middle数据居中buttombgcolor
4.4拆分与合并单元格 里面......</p><h2 class="mb20"><a href="/a15/201905156/82e4ddd053a95459.html" target="_blank">小班数学：按标记分类(庄颜超)</a></h2><p>数学游戏：按标记分类 庄颜超 教学目标： 1.引导幼儿继续练习按照颜色标记、形状标记对物体进行分类。 2.体验数学游戏的乐趣。 教学准备： 教具：多媒体课件 学具：幼儿操作材料人手......</p></ul> </div>
</div>
</div>
</div>
<div class="right-content-box wow fadeInRight delay300 right-content">
<script src="/e/member/login/loginjs.php"></script>
<div class="sidebar">
<div id="sidebar" role="complementary">
<aside id="recent-posts-3" class="widget widget_recent_entries">
<h3 class="widget-title">猜你喜欢</h3>
<ul class="new-list"><li><a href="/a7/201905133/cef964c2dc7c6ced.html" title="关于编程语言之间异同的详细分析——(厦门html培训总结)" target="_blank">关于编程语言之间异同的详细分析——(厦门html培训总结)</a></li><li><a href="/a8/2019051310/e0426a83b1608665.html" title="【软件设计师相关资料】SGML标准通用标记语言[本站推荐]" target="_blank">【软件设计师相关资料】SGML标准通用标记语言[本站推荐]</a></li><li><a href="/a1/2019051123/189b4695eef34cd3.html" title="七天html实训总结" target="_blank">七天html实训总结</a></li><li><a href="/a1/201905127/8fc7642aa7d22f3f.html" title="HTML常用的标签及使用总结.（汇编）" target="_blank">HTML常用的标签及使用总结.（汇编）</a></li><li><a href="/a1/201905127/181d2dfcacb9f3d1.html" title="html网页设计总结（精选五篇）" target="_blank">html网页设计总结（精选五篇）</a></li><li><a href="/a1/201905127/fd4844baaecaa9e1.html" title="HTML规则学习总结（共5篇）" target="_blank">HTML规则学习总结（共5篇）</a></li><li><a href="/a13/2019051422/022e3d584e6210a5.html" title="js、php、mysql和html学习经验总结" target="_blank">js、php、mysql和html学习经验总结</a></li><li><a href="/a2/2019051223/fd00b6da55fcf4f1.html" title="c语言学习总结" target="_blank">c语言学习总结</a></li><li><a href="/a10/2019051323/2fcc15f3e90754c8.html" title="c语言学习总结" target="_blank">c语言学习总结</a></li><li><a href="/a1/201905122/75849fbc8b6872d6.html" title="C语言学习总结（模版）" target="_blank">C语言学习总结（模版）</a></li></ul> </aside>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="footer" class="p30">
<div class="container">
<div class="footer-top clearfix">
<div class="copyr">
<div class="footer-menu clearfix mb10">
<ul class="footer-menu-con">
<li><a href="/a1/">1号文库</a></li><li><a href="/a2/">2号文库</a></li><li><a href="/a3/">3号文库</a></li><li><a href="/a4/">4号文库</a></li><li><a href="/a5/">5号文库</a></li><li><a href="/a6/">6号文库</a></li><li><a href="/a7/">7号文库</a></li><li><a href="/a8/">8号文库</a></li><li><a href="/a9/">9号文库</a></li><li><a href="/a10/">10号文库</a></li><li><a href="/a11/">11号文库</a></li><li><a href="/a12/">12号文库</a></li><li><a href="/a13/">13号文库</a></li><li><a href="/a14/">14号文库</a></li><li><a href="/a15/">15号文库</a></li>
</ul>
</div>
<p>Copyright © 2018 <a href="/">写写帮文库</a> All Rights Reserved <a target="_blank" href="http://www.beian.miit.gov.cn" rel="nofollow"> 浙ICP备11058632号</a>
<script type="text/javascript" src="//static.xiexiebang.com/skin/default/js/tj.js"></script></p> </div>
</div>
</div>
</section>
<script type='text/javascript' src='//static.xiexiebang.com/skin/default/js/superfish.js'></script>
<script type='text/javascript' src='//static.xiexiebang.com/skin/default/js/jquery.slicknav.js'></script>
<script type='text/javascript' src='//static.xiexiebang.com/skin/default/js/xs.js'></script>
<div class="right_bar hidden-xs ">
<ul>
<li class="rtbar_li1" style="left: 0px;"><a><img src="//static.xiexiebang.com/skin/default/images/rtbar_liicon3.png"><span id="call_tel"></span></a></li>
<li class="rtbar_li2"> <a href="javascript:void(0);"> <img src="//static.xiexiebang.com/skin/default/images/rtbar_liicon4.png"> </a>
<div class="rtbar_shwx" style="display: none;"> <img width="188" height="188" alt="微信二维码" src="//static.xiexiebang.com/skin/default/images/wechat.png"> </div>
</li>
<li class="rtbar_li3" style="left: 0px;"> <a href="tencent://message/?uin=2261362615&Menu=yes"> <img src="//static.xiexiebang.com/skin/default/images/rtbar_liicon2.png"> 点击咨询 </a> </li>
<li class="rtbar_li5"><a href="#1">第一篇</a></li>
<li class="rtbar_li6"><a href="#2">第二篇</a></li>
<li class="rtbar_li7"><a href="#3">第三篇</a></li>
<li class="rtbar_li8"><a href="#4">第四篇</a></li>
<li class="rtbar_li9"><a href="#5">第五篇</a></li>
<li class="rtbar_li10"><a href="#6">更 多</a></li>
<li class="rtbar_li4 gotop"> <a href=""><img src="//static.xiexiebang.com/skin/default/images/rtbar_liicon1.png"> </a></li>
</ul>
</div>
</body>
</html> 