随笔分类 - [04] HTML
HTML——Hypertext Markup Language,即超文本标记语言，是用于描述网页文档的一种标记语言。
摘要：一、<div></div>和<span></span> 1.<div></div>标签 <div></div>标签可定义文档中的分区或节（division/section），从而把文档分割为独立的、不同的部分。<div></div>标签可以作为一种严格的组织工具，并且不使用任何格式与其关联，这其中包含一种HTML标记和表现样式相分离的思想。在实际工作中，我们通常为<div></div>标签指定 id 或 class 属性，使该标签会变得更加有效。<
阅读全文
摘要：一、框架 一个浏览器文档窗口只能显示一个网页文件，但是可以通过使用框架，在同一个浏览器窗口中显示不止一个页面。使用框架的页面主要包含两个部分，一个是框架集，另一个就是具体的框架文件。 框架多用于网站后台或者内网系统的布局。 1.框架集（<frameset></frameset>）：就是用来定义这一HTML文件为框架模式，并设定视窗如何分割的文件。通俗一点地说，框架集就是存放框架结构的文件，也是访问框架文件的入口文件。如果网页由左右二个框架组成，那么除了左右二个网页文件之外，还有一个总的框架集文件。在使用框架的页面中，<body>主体标记被框架标记<fr
阅读全文
摘要：一、表单 1.表单的作用 HTML 表单用于接收不同类型的用户输入，用户提交表单时向服务器传输数据，从而实现用户与Web服务器的交互。 2.表单的工作机制 3.表单定义（<form></form>标签） HTML表单是一个包含表单元素的区域， 表单使用<form> 标签创建。表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。注意，<form >元素是块级元素，其前后会产生折行。1 <form action="
阅读全文
摘要：表格由<table></table>标签定义，在内部通过<tr>创建行（table row），<tr>内部通过<td>（table data，表格数据）创建单元格。可以将table的border属性设为0来隐藏表格线。 1.<td>单元格属性： 填充（cellpadding）：内容和表格边线之间的距离 。 间距（cellspacing）：单元格之间的间距。 rowspan(合并行)、colspan（和并列）进行单元格的合并<td rowspan ="2" colspan = "2&quo
阅读全文
摘要：一、HTML图像<img> 1.<img>标签和它的src属性 在 HTML 中，图像由 <img> 标签定义。<img> 是一个空标签，意思是说，它只包含属性，并且没有闭合标签（而是直接以“/>”结尾）。要在页面上显示图像，你需要使用源属性（src）。src 指 "source"。源属性的值是图像的 URL 地址。定义图像的语法是：<img src="url" />，URL 指存储图像的位置。浏览器将图像显示在文档中图像标签出现的地方。<!--只指定了src属性的img-->
阅读全文
摘要：一、超文本（HyperText） 标记语言的真正威力在于其收集能力，它可以将收集来的文档组合成一个完整的信息库，并且可以将文档库与世界上的其他文档集合链接起来。这样的话，读者不仅可以完全控制文档在屏幕上的显示，还可以通过超链接来控制浏览信息的顺序。这就是 HTML 和 XHTML 中的 “HT” - 超文本（hypertext），就是它将整个 Web 网络连接起来。参考：http://www.w3school.com.cn/tags/tag_term_hypertext.asp二、超链接（Hyper Link） 1.超链接定义 超链接（Hyperlink）：是网页中指向一个目标的连接关系...
阅读全文
摘要：一、基本文字格式1.标题<h></h> HTML定义<h1></h1>到<h6></h6>六个<h>标签，分别用来不同大小字体的标题（Heading）。字体由大到小，<h1>最大，<h6>则最小。 Heading标签需要注意的是：a.浏览器会自动地在标题的前后添加空行。因为Heading标签属于块级元素，而在默认情况下，HTML 会自动地在块级元素前后添加一个额外的空行（<br/>）。b.标题对整个页面来说很重要,应该将HTML heading 标签只用于标题，而不要仅仅是为
阅读全文
摘要：一.HTML注释： 在HTML文档中，注释的表示方式是：<!--html注释-->，其中的“html注释”就是注释的内容，在浏览器解析HTML文档时，注释掉的这部分内容将会被忽略，不会在用户浏览网页的时候呈现出来。 1.HTML注释的主要用途： a.用于网页的说明，解释HTML文档中某些部分的功能。1 <!--以下是html文档标题-->2 <title>HTML编码和注释</title> b.用于网页调试，比如在网站开发时可以将某个标签或者某段文档先注释掉，再刷新网页查看效果，如果需要直接去掉注释就可以了，不用再花时间重新编写代码。这是网页设计
阅读全文
摘要：1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <!--指定HTML文档的标题，注意：不要忘记结束标签里面的反斜杠“/”，否则整个页面将不会显示--> 5 <title&g
阅读全文
摘要：一个网页的基本结构至少应该包含以下部分：1 <head>2 <title>My First Page</title>3 </head>4 <body>5 This is Body!6 </body>7 </html>一、网页基本结构的说明： 网页的所有内容都在<html></html>标签之内； <head></head>内放的是头部信息，是对页面的描述，不会直接显示在页面中； <title></title>中设置的是页面的标题，<t
阅读全文
摘要：一、WWW 1.概念： WWW 是World Wide Web的缩写，指万维网，常简称为Web。Web 是由遍布全球的计算机所组成的网络，所有 Web 中的计算机都可以彼此通信，它分为Web客户端（浏览器）和Web服务器程序。WWW可以让Web客户端（常用浏览器）访问浏览Web服务器上的页面，而所有这些计算机都使用名为 HTTP 的通信标准。对于普通Web使用者而言，Web就是一个资料空间、一个资料库。在这个空间中，用户可以获得他们想要的一些资源。 2.组成： Web客户端（Client）：需要获取资源、发出HTTP请求的程序，就是浏览器（Browser）。 Web服务器（Serve...
阅读全文
