《html学习总结.doc》由会员分享，可在线阅读，更多相关《html学习总结.doc（15页珍藏版）》请在金锄头文库上搜索。
1、html学习总结篇一：关于学习HTML的报告关于学习HTML的报告较以往之寒假，此次寒假实属充实。在老师的提议下我们学习了超文本标记语言HTML,初步接触了简单网页的制作过程，了解到色彩斑斓的网页之内质，并亲自动手做了几个小网页。内心翻滚所谓收获不小啊！ 初期的网站都是由静态网页组成，网页中只有文字、图形、图像等，用户只能被动的接受这些信息。那时的web页面的核心是HTML，它编写很方便，不要求有特定的语言环境，可以有任何一种编辑器写好（如word、写字板、记事本），然后可以放到浏览器观看结果。现在HTML已经有很多专门的编辑软件，如Frontpage、Hotdog、Dreamweaver等。
2、HTML的历史最早可以追溯到20世纪40年代。在1945年，Vannevar Bush在一篇文章中阐述了文本和文本之间通过超级链接相互关联的思想，并在文中给出了一种能实现信息关联的计算机Memex的设计方案。随后经过一系列的发展研究，1989年Tim Berners_Lee对SGML做了大刀阔斧的简化和完善，穿凿了最初的HTML，并用它在自己编写的图形化Web浏览器上看得到最早的web页面。第一次自学这种网页制作方面的知识，刚开始有点无力，随后边看书边在电脑上试着操作，基本掌握了相关知识。通过学习，静态网页的制作可以概括为5个部分：1、网页素材搜集与制作即网页中一些图像的处理与动画的制作。2、
3、网页版式设计规划各元素在网页中的位置按大方关系和表现方法，合理安排图像、文本等元素，是网页布局合理，美观大方。3、文本编写自己的网页中需要大量的文字材料，这就要在网页编辑器中用HTML语言中的标签编写，也可以利用网页编辑工具的相关功能，直接写入文字。4、处理网页之间的关联这主要是建立合理、高效的网页导航系统。5、网页发布主要是将建设好的网页上传到服务器中供用户浏览。虽然知道网页制作的基本过程，但对其细节还点朦胧，特别是网页中图像及动画的制作处理。有时候一个网页得处理好几次最终才能成功显示。想来我们对于此项处理还是不够熟练、敏感，以后还要多加练习，并对其细节做以仔细研究，日后必可下这一巨石！在2
4、1世纪，信息技术的发展保持着强劲的势头，信息千变万化。而网站则提供了展示这些信息的平台。有了网页，能更好更方便快捷的将世界各个角落的面孔展现在人们面前，可以使万千企业的业务展现给客户。对我们眼下最近的对于个人电脑的购买更是有利。我们可以在相关网页上找到各种信息进而避免受骗。网页使得信息快速交流，更为新时代之一大成功。是的，信息技术是当代人类社会发展最快，渗透性最强，应用面最广的先导技术。这些日新月异的新技术不仅仅改变了世界，也改变了人们的生活。而信息时代离不开信息化人才,掌握计算机的各项基础知识并提高应用能力，是信息话人才培养的一个重要环节。这是从事许多行业必备的基本技能。 当然，有关HTML
5、的学习只是学习中的一小部分，我们还要学习更多的有关计算机各个方面的知识。只有心志坚定，行动仔细严谨才能掌握好知识。今后我们还会接触更多的东西，在计算机这片大海中，我们得一步一个脚印，为自己打好基础。万事开头难，我们要开好头！但同时在以后的学习中也要保持初有的热情与信息。未来世界，必是我们的天下。不敢放出大话说将来会成多大气候，实事求是，现在多学一点知识多掌握点技能，我们将来的路也可以宽一点。最实在的是可以找一份好一点的工作。在将后的学习中，我们应该为自己制定一项计划，照计划行事，争取早日成才，做一个真正有能力、有底气的大学生。篇二：1. HTML 标签由开始标签和结束标签组成，空的 HTML元
6、素没有结束标签，比如没有内容的 HTML内容被称为空元素。空元素是在开始标签中关闭的。 就是没有关闭标签的空元素（ 标签定义换行）。在 XHTML、XML 以及未来版本的 HTML 中，所有元素必须被关闭。在开始标签中添加斜杠，比如 ，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。即使在所有浏览器中都是有效的，但使用 其实是更长远的保障。 2. HTML 标签及属性值 对大小写不敏感： 等同于。W3School 使用的是小写标签，因为万维网联盟（W3C）在 HTML 4 中推荐使用小写，而在未来 HTML 版本中强制使用小写。属性值应该始终被包括在引号内。双引号是最
7、常用的，不过使用单引号也没有问题。在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：name=Bill HelloWorld Gates3. 标签在 HTML 页面中创建水平线。hr 元素可用于分隔内容。4. 可定义一个地址（比如电子邮件地址）。您应当使用它来定义地址、签名或者文档的作者身份。用户服务信箱 上海赢科投资有限公司 金桥开发区 789 号 5. 文本对齐：text-align:center;代替align:center;6. Name 属性用于创建被命名的锚（named anchors）。当使用命名锚（named anchors）时，我们可以创建直接跳至定
8、位至页面中某个节的链接，这样使用者就无需不停的滚动页面来寻找他们需要的信息。 使用创建锚Useful Tips Section将 # 符号和锚名称添加到 URL 的末端，就可以直接链接到 tips 这个节，就像这样：Jump to the Useful Tips Section7.格， 定义表格的标题 colspan=”3”横跨三列的单元格；rowspan=”2”横跨两行的单元Cell padding 来创建单元格内容与其边框之间的空白，Cell spacing 增加单元格之间的距离。我的标题姓名电话Bill Gates555 77 854555 77 8558. 无序列表 ul li 有序列
9、表 ol li 自定义列表 dl dt dd; 自定义列表以 标签开始。每个自定义列表项以 开始。每个自定义列表项的定义以 开始。CoffeeBlack hot drinkMilkWhite cold drink9.10. 文字环绕图片，只需设置图片align=left即可实现图片在左的文字环绕，align=right可实现图片在右的文字环绕 通过改变 img 标签的 height 和 width 属性的值，您可以放大或缩写图像alt:图像无法载入时，替换文本属性告诉读者们失去的信息。11.使用框架导航跳转至指定的节没有锚的链接带有锚的链接导航框架：Frame aFrame bFrame c1
10、2.XHTML 元素都必须被正确地嵌套，XHTML 必须拥有良好的结构，所有的标签必须小写，并且所有的 XHTML 元素必须被关闭。XHTML 文档必须拥有 DOCTYPE 声明，并且 html、head、title 和 body 元素必须存在。 实现文件的下载下载链接的文本必须是 exe rar doc txt 等文件类型14.去除标签点击时的虚线框：在css中加入：a outline: none;a:active star:expression_r;:focus outline:0; 网页头部添加当访问该页面时会自动跳转至url所指的页面。居中的方法：设置属性：display：block;
11、 margin:0 auto; 推荐2.给img设一包括img的div,div设置属性align=center;设置行间距用line-height 设置段间距用 margin-bottom或margin-top18.返回方法：用几 图片做的话就是： 果是用按钮做的话就是： 返回或： 返回 content=这后面是时间。19.手机端页面宽度设置为：width=960px; 电脑端页面宽度设置为 width=1200px标准手机端页面：用百分比使用width:320px;天猫触屏版快速定位到页面的某个具体位置：链接到底部center底部21.输入框提示，鼠标离开提示隐藏22.当div模块被posi
12、tion:fixed;后她包含的子模块定义position：absolute,将不起作用23.当上一个模块元素有浮动时，模块的margin：将不起作用，解决方法：添加属性clear：both;24.如何解决浏览器兼容性问题快捷方法之一：浏览器将会大致以IE9的模式进行呈现，无论当前浏览器是何版本25.自定义鼠标样式body cursor:url, pointer;鼠标图片最好是.ico格式的（可使用在线工具转换），不支持jpg,png，gif格式，其他格式容易有兼容性问题当自定义鼠标图片无法使用时，会用pointer样式。经测试ursor:url；只这样写时鼠标自定义是不起效的。必须后面加上其
13、他默认样式；最小要求：16px*16px;32px*32px最好图片路径要采用绝对路径，否则IE不识别26.当给子元素模块添加margin-top:会出现父元素也偏移，子元素与父元素并没分离问题解决办法：给包含它的父元素（祖父元素不必设）添加属性,overflow:hiddden;即可完美解决，这跟 bfc 的东西（块级元素格式化上下文）有关27.以上样式的实现可用个人信息用户名：密码： fieldset 样式可自定义28.利用jsonp解决跨域$.getJSONvar mobile_callback=data;ifmessage=对不起，同一手机号只能办一张卡！; $.html;) else
14、alert 例如：$.click.val ;var reg1=/|159)+d8)$/;ifmessage=*手机号码不为空！;篇三：一几个选择器的使用范围1.标记选择器（三者中优先级最低的选择器）用于最基础样式的定义，比如定义页面整体的字体（给body定义font），链接的样式（给a定义颜色、下划线等属性），列表项的符号样式（给li定义list-style），段落的间距（给p定义padding或者margin）等等。 这种声明优先级最低。举例：body,table td font:normal 12px/ Arial;a color:#ff0; text-decoration:none;a:hover color:#ff6;p text-indent:2em;2.类选择器用于来定义一类可以在同一
