JavaScript由入门到精通（二）——学习JavaScript的基石Html(一)

现在的位置: 首页 > 综合 > 正文

RSS

JavaScript由入门到精通（二）——学习JavaScript的基石Html(一)

2013年03月26日 ⁄ 综合 ⁄ 共 718字 ⁄ 字号小中大 ⁄ 评论关闭

基本知识

HTML（Hypertext Markup Language），超文本标记语言。是一种描述性语言。可直接有浏览器识别并处理。

计算机生成了可选文字: <html><h6dd><title》显示在浏览器左上方的标脱＜/ti仁le》</head》<b火扮勿color二”red”仁ext二”blue”》<p＞红色背景、蓝色文本＜/p》《／body》</html》

body的属性

注释

计算机生成了可选文字: 《head>《仁i仁le》关于文档注释的演示＜/ti仁le》《！二Author张幸样COmpanyIT资讯交流网ContactInfo~.1七31s.org二》'Ihe己d>

HTML符号和特殊字符

计算机生成了可选文字: 表，.,H下ML编码显示成处理结果&a们nU伙；匆O下侧&n饥p;空格字符

符号使用的一个例子

【格式标签】

<p></p> 段落标记，会换行。

计算机生成了可选文字: 印卜姚户标签对是用来创建一个段落．在此标签对之间加入的文本将技照段落的格式显示在浏览器上。另外印＞标签还可以使用allgn属性，它用来说明对齐方式，语法是：<pallgo二”属性值”洲印＞。allgn的属性值可以是伙ft（左对齐）、Center（居中）和凡ght（右对齐）三个值中的任何一个。如印aligu犷Conter''＞刁p＞表示标签对中的文本使用居中的对齐方式。

<br> 换行符

<nobr></nobr> 防止自动换行符

计算机生成了可选文字: <nobr＞心nob。标签对用于防止浏览器将标签对中过长的内容自动换行显示。它对住址、数学算式、一行数字、程序代码等尤为有用。

<blockquote></blockquote> 缩进

计算机生成了可选文字: 在＜blockquote>（七lockquote＞标签对之间加入的文本将会在浏览器中按缩进的效果显示，与在普通的文本文件中使用Tab键进行缩进的效果一样。

<center></center> 水平居中

<marquee></marquee> 文本移动

计算机生成了可选文字: <m二qu二＞心marquec＞标签对通知浏览器移动显示嵌套在其中的图形和文本元素。＜厅以quce＞标签的一个主要树性是direction．用于指定其中的图形和文本移动的方向，direction属性的设紧值可以是left、right、down、up.<marquce＞标签另外一个欢要的城性是比havior，用于指定其中的图形和文本移动的行为，direction属性的设里值可以是scroll、alternate、，lide，关于梅个设皿位的作用，读者只要做一下实验就再明白不过了．这要比用

behavior行为（滚动方式）值有scroll（连续不断的滚动）slide（滚动一次并停止）alternate（交替式滚动）

<dl></dl><dt></dt><dd></dd> 普通列表

计算机生成了可选文字: <dl>'ld卜用来创建一个普通的列表，dl是dcfinition115“定义列表）的简写。＜dt＞刁d。用来创建列表中的上层项目，dt是dcfinitiontcnn（定义术语）的简写。＜dd＞灯改l＞用来创建列表中最下层项目，dd足definitiondefinition（定义对术语的解释定义部分）的简写。<d。心dt＞和＜d比卜灯dd＞郝必须放在＜dl＞灯d】＞标签对之间。肴石下边的例子就明白了。

计算机生成了可选文字: <html><hedd><title＞一个普通列表＜Iti七le><Ihedd>＜坎劝y><dl》<d七＞中国城市《／dt><dd＞北京＜/dd》<dd＞上海＜/dd><dd＞广州＜/dd><dt＞美国城市＜/dt》<dd》华盛倾＜/dd><dd＞芝加哥《／dd><dd＞纽约＜/dd》《／dl></body》<Ihtml》

<ol></ol>创建标有数字的列表

<ul></ul>创建标有圆点的列表

<li></li> 列表项

计算机生成了可选文字: 《body><p》中国城市＜/p》《01><11＞北京＜/11><11＞上海＜/11><11＞广州＜/11><101》<p》美国城市＜,p><Ul><11＞华盛顿＜/11>《11》芝加哥＜/11》<11＞纽约＜/11>《IUI》<／坎劝y>

<pre></pre> 对文本预格式化处理

计算机生成了可选文字: 印记卜口pre＞标签对用来对文本进行预格式化处理．浏览器显示网页文件中的文本内容时，它会忽略用来分隔和对齐内容的许多空格及换行。预格式化文本标签对＜pre＞刁pre＞告诉浏览器在屏幕上显示嵌套在其中的所有空格和空行．

计算机生成了可选文字: 画蔺砂业全颐声＿___．二工文伙已一椒O格截功．掀四肠丽丽云石一一一一一―--bbbbbbCCCCCdddddddddddd《fontSIZe一20Co10r一red>bbCCC《font)

【文本标签】

<h1></h1>….<h6><h6> 标题行

计算机生成了可选文字: HTML语言提供了将文本作为标题显示的一系列标签对：<hI>（币l>’二＜h6>＜小6>，一共6对标签。＜hI＞切1】＞是字号鼓大的标题．而＜h6＞灯h6＞则足字号址小的标题，h后面的数字越大，标题文本的字号就越小。如果HTML文档‘!，需要妓示标题文本的话，便可以使用这6对标趁标签。

<b><i><u><sub><sup> 加粗斜体下划线下标上标

<font></font> 字体

计算机生成了可选文字: 常见的物理样式元素包括：B元素指定一段文本，使浏览器将其显示为粗体字。

计算机生成了可选文字: I元素指定一段文本，使浏览器将其显示为斜体字。U元素指定一段文本，使浏览器将其显示为带下划线的文字。TT元素指定一段文本，使浏览器将其显示为固定大小的打字体字符。SUP元素指定一段文木，使浏览器用较小的字体将其显示为上标。SUB元素指定一段文本，使浏览器川较小的字体将其显示为下标。常见的逻辑样式元素包括：EM元素对文档中的某段文本进行强调，通常用斜体字显示出来。STRONG元素对文档中的文本进行强调，通常用粗体字显示出来。CITE元素用来指明文档中出现的书名或其他引用内容。

计算机生成了可选文字: 《坎劝y,<hl》最大的标砚（/hl》《h3》使用h3的标越＜/h3》《h6》最小的标砚＜Ih6>。p》《b》粗体字文本《／b》＜/p》《p》《乡》斜体宇文本＜/i,</p》《p》＜u》加一下划线文本＜/u》。／p>《p》《tt》打字机风格的文本。／tt》《／p>，》。cio．》引用方式的文本《／ci七e》心／p》《p》《掀》强润的文本《，em》《／p》<p><stron,＞加觅的文本《15仁rong，《／p>印》‘fontsize二’+1'colar二’red.,size取位·＋1．、color取位一red．时的文本《1font》＜Ip>

【超链接标签】

URL，Uniform Resource Locator ,统一资源定位。

计算机生成了可选文字: 库的语句就是这个资源的URL。通常的URL一般由网络协议名、资源所在的主机名、网络服务程序的端口号和资凉本身的名称等4个部分组成，例如下而的uRL:http刀www.it315.org:8080lindex.html其中的网络协议是HTTP(HypertextTran、ferProtocol，超文本传输协议），资源所在的主机名为www.it315.org,HTTP服务器程序所用的网络端口号是5080，资源名为方ndex.html。

相对URL 基于当前目录下的资源位置，用/表示子目录，用../表示父目录

URL添加参数格式：url?para1=value1&para2=value2

定位标记的URL 格式url/#定位标记

计算机生成了可选文字: 在一个网页文件中，还可以定义若干定位标记，征个定位标记都有一个名称．以后，就可以使用这个网页文件的URL地址后跟一个位到这个网页中的定位标记处。例如：在indcx."#"再跟上定位标记的名称，来八接定的定位标记，要让浏览器直接定位到indc、．h.m!使用下面的URL格式：hnp:llwww.it315.0叼index.h.ml＃父ctionZ·ht而网页文件中定义了一个名为页而中的标记为sectionZ的位哭上，sCCtionZ就可以

URL编码

计算机生成了可选文字: 传送。URL编码遵循下列规则：(2）对压9,a一i,A,Z之间的字符保持不变．(3）对于所有其他的字符，用这个字符的当前字符集编码在内存中的卜六进制格式表j互左夔迎生叁坦逝迷业延址途亘坦例如，’多符“十”川％ZB表示，字符"=”用％3D表示．字符“&”用％26表示，征个使用GB2312编码的中文字符在内存中占两个字节．字符“中”用％D6%D0表示，字符“囚”用％Bg%FA表示。注愈，同一个中文字符在不同的字符集编码方式下，在内存中的编码位也是不同的，一个字符的URL编码是针对字符在内存中的编码值而言的，采用不同编码的同一个字符的URL编码结果是不同的。

mailto URL mailto:EmailAddress

计算机生成了可选文字: mailto：收件人的E一mall地址在收件人的E一ma”地址后面，还可以使用？附带若干参数，有效的参数名为subjeC卜伙川y、CC、BCC，为这些参数名指定的参数位，会分别城写邮件发送程序的对应栏目。这些参数的使用格式，与HTTP协议的URL后的参数使用格式一样，对其中的字符也可以使用URL编码，但空格必须用“%20”来表示．而不能用加号（+）来表示。下面是一个maiItoURL的例子：厅画lto:zxx@i已15.org?,ubecl==Feedback＆伙川y二how%20arc%20you!叮画ItoURL只是对网页功能的一个扩展．口前还不足1ntemct标准。

<a href="#"></a> 创建超链接

计算机生成了可选文字: 要创建超链接．首先需要在某个文本或图像的两端．分别放咒＜ahref="".＞心a＞中的起始和结束标签，还需要将该标签的href属性设置为访问者单击超链接文本或图像时，浏览器所要访问的Intemet资源的URL。例如，对于下面的HTML语句：<ahref=='httP:,／认八仍对．it315.org/.＞工T资讯交流网＜/a>

<a name="aa"></a> 创建定位标记

计算机生成了可选文字: <anarne=""＞标签要结合＜ahref=""＞灯廷＞标签对使用才有效果。＜aname二”"＞标签用来在HTML文档中创建一个定位标记，属性name是不可缺少的，它的值也就是定位标记名，例如：《aname二”标记1·》第一部分

计算机生成了可选文字: 《ahref二，．标记1”》跳转到第一部分＜/a>

【图像标签】

<img> 图像标签

计算机生成了可选文字: 石mg＞标签有一个src属性，是必不可少的，它的设咒值是图形文件的相对或绝对URL地址。除src属性之外，<im夕标签还有alt、align、border、width和heigh，属性。.:.alt属性指定当鼠标移动到图像上时．图像上显示出的提示文本。另外，当src属性指定的图像无法加载时，浏览器将在＜img＞标签处显示alt属性所设置的文本。.:.align属性指定图像与它周围的文本的对齐方式，设咒值可以是top、bottom、left、right等。.:.border属性指定图像的边框宽度，设置值可以是大于或者等于0的整数，默认单位是像素。.:.width和height属性指定图像在浏览中显示的宽度和高度，默认单位也是像素，如果没有指定这两个属性，width和height的值为图像的原始大小。

<hr> 水平线

计算机生成了可选文字: <hr＞标签是在HTML文档中加入一条水平线，它可以J'l接使用，也可以设咒s滋、color、width和noshade等属性。size设义水平线的粗细。width设定水平线的宽度，默认单位是像素。cofor设哭水平线的颜色。noshad。属性不用从仇，而是l't接加入标签中即可使用，它用来说明水平线显示时没有阴影（不加此属性水平线将有阴影）。

图形

计算机生成了可选文字: 要使用图像地图，首先必须定义出图像上的各热点区域的形状、位置坐标及其所链接到的ur！地址等信息，这个过程叫图像热点映射．图像热点映射需要使用＜maPnarne=maPn~＞心maP＞标签对进行说明，其中的namc属性为该图像热点映射指定了一个名称．图像热点映射中的各个区域用嵌套在＜mapnom。二m叩namc浏maP＞之中～a＞标签说明，～标签的格式为：<areashape二”形状”coords=”坐标”'href:”盯l'">，其中，sha伴属性定义了热点区域的形状：coords属性定义了热点区域的坐标值，坐标的原点位于图像的左上角顶点：址叮属性定义了该热点区域的链接地址，href部分也可以用nohref替换，表示在该区域单击鼠标无效。＜田吧廷＞标签还可以有一个target属性，用来指明浏览器在哪个窗口或帧中显示址叮属性所指向的网页资源。

计算机生成了可选文字: shape属性的设叉值可以是：rect定义一个矩形区域，coords属性设咒值为矩形的左上角、右下角的坐标．各个坐标值之间用逗号分开；poly定义一个多边形区域，coords属性设咒值为多边形各顶点的坐标值：c流le定义一个圆形区域，coords属性设置值为圆心坐标及半径，前两个参数分别为回心的横、纵坐标，第三个参数为半径。::.

【上篇】c#过滤HTML代码
【下篇】JAVA中浅复制与深复制

作者: cire

该日志由 cire 于11年前发表在综合分类下，最后更新于 2013年03月26日.
转载请注明: JavaScript由入门到精通（二）——学习JavaScript的基石Html(一) | 学步园 +复制链接

抱歉!评论已关闭.

学步园

JavaScript由入门到精通（二）——学习JavaScript的基石Html(一)

作者: cire

书签

最新文章New

本站推荐

返回首页