来谈谈：WEB妙手培训班之HTML篇

只看该作者 · 发表于 2015-1-15 22:32:46

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

x

一些公司联合起来，成立了一个叫做WebHypertextApplicationTechnologyWorkingGroup（Web超文本应用技术工作组-WHATWG）的组织。　　记得在自己刚入手下手进修编写网页时曾向一名WEB妙手就教过怎样用FRONTPAGE98来制造一张壮丽多姿的团体网页。他告知我，他制造网页时不必任何网页制造软件，而是靠手写的。事先我一会儿停住了，“WHAT？手写网页！OH，MYGAD！此人几乎是妙手中的妙手呀！”今后他在我心目中位置如同巨人般的宏伟……但是时过半年到了明天，他已不再是我的偶像。由于我也妙手写网页了，并且编写出的WEB还要胜他一筹（自我感到）。看到此处你必定会问我，究竟我取了甚么“真经”能“清闲瑶池”呢？实在很复杂，那就是HTML言语。

　　HTML是由WEB的创造者TimBerners-Lee和同事DanielW.Connolly于1990年创建的一种标志式言语。它是尺度通用化标志言语SGML的使用。用它的语律例则创建的文档能够运转在分歧操纵体系的平台上。因而，HTML文档属于纯文本文件（它能用恣意的文本编写器誊写）。如今有良多网迷称HTML为程序言语，把写HTML文档了解为编程，这明显是走进了一个误区。

　　在懂得了HTML的界说后，接上去我们便来进修此言语。因为篇幅无限，本文不成能把HTML言语的属性逐一解说。笔者只是选了一些对照主要而又普遍利用的元素举行剖析。

　　在进进正题前，我们先来看看上面这张网页源代码。（这是笔者团体主页的源代码，本文将环绕着此代码举行详解。）

<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312">
<title>意境</title>
</head>
<body>
<tableborder="0"width="100%"cellpadding="0">
<tr>
<tdwidth="100%"><palign="center"><fontface="隶书"size="6"color="#FF00FF"><strong>接待进进华人网站</strong></font></td>
</tr>
</table>
<tableborder="0"width="100%"cellspacing="0"cellpadding="0">
<tr>
<tdwidth="100%"><tableborder="0"width="100%"cellspacing="0"cellpadding="0">
<tr>
<tdwidth="10%"valign="top"align="center"></td>
<tdwidth="80%"valign="top"><tableborder="0"width="100%"cellspacing="0"cellpadding="0">
<tr>
<tdwidth="17%"></td>
<tdwidth="17%">
<ahref="http://202.103.176.80/g/speaker/cool.htm">
</td>
<tdwidth="17%"></td>
<tdwidth="17%"><ahref="http://202.103.176.80/g/speaker/dault.htm">
<imgsrc="http://202.103.176.80/g/speaker/huaren/mypic4.gif"alt="华人主页进出口"border="0"></a></td>
</tr>
<tr>
<tdwidth="17%"></td>
<tdwidth=&quo</p>

1234下一页

Resig在2008年在其博客中介绍过HTML5的data-属性，现如今HTML5在如火如荼地推广，似乎国内的技术有些延迟，这篇博文可以在这里找到。

只看该作者 · 发表于 2015-1-15 23:48:18

有些差异相对轻微，有充分的理由将这两种HTML5规范草案合并为一，让浏览器制造商与网络开发者不必面对不兼容的窘境。t;17%">　<p>　</td>
<tdwidth="17%"></td>
</tr>
<tr>
<tdwidth="17%"></td>
<tdwidth="17%">
<imgsrc="http://202.103.176.80/g/speaker/huaren/mypic3.gif"alt="名家保举网站进出口"></td>
<tdwidth="17%"></td>
</tr>
</table>
</td>
<tdwidth="10%"valign="top"align="center"></td>
</tr>
<tr>
<tdwidth="10%"></td>
<tdwidth="80%"></td>
<tdwidth="10%"></td>
</tr>
</table>
</td>
</tr>
</table><p>　</p>
<tableborder="0"width="100%"cellpadding="0">
<tr>
<tdwidth="100%"><tableborder="0"width="100%"cellpadding="0">
<tr>
<tdwidth="100%"><palign="center"><strong><fontface="隶书"color="#A6A6FF">二OOO年三月三旬日制造完成</font></strong></td>
</tr>
<tr>
<tdwidth="100%"><palign="center"><fontface="隶书"color="#A6A6FF"><strong>感谢您的到临</strong></font></td>
</tr>
<tr>
<tdwidth="100%"><palign="center"><strong><fontface="隶书"color="#A6A6FF">华人网站站长：张叫</font></strong></td>
</tr>
<tr>
<tdwidth="100%"><strong><fontface="隶书"color="#A6A6FF">
<marqueeborder="0"align="middle"scrolldelay="120">
若您必要匡助，请实时找我，接洽E-MAIL：dibazh@online.sh.cn</marquee></font></strong></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
看了这段代码后，您是不是感应有些头晕呀？（这么多英文，好庞大呦！）实在这一点都不庞大，请听我渐渐道来。
一．<HTML></HTML>元素。它暗示了这个文档为HTML文档，即：我们所说的网页。
二．<HEAD></HEAD>元素。它是用来标明以后文档的多少信息。比方，文档题目，文档所用的字符集等等。在上例中，<HEAD></HEAD>中拔出的TITLE和META元素就分离给HEAD元素指了然标题（“意境”）和所用的字符集（gb2312）。
三．<TITLE></TITLE>和<META>元素。下面已提到过这两个元素分离代表的寄义。TITLE是给文档起个标题，META是申明HTML所利用的一些信息。（注重：此元素不要与HEAD搅浑，META元素一样平常包含在HEAD元素中。）META不但能指明文档所用的字符集，并且还能供应一些风趣的功效。比方：主动跳转网页（代码为：<metahttp-equiv="refresh"
content="240（秒数）;url=http://breaker.126.com（地点）">)和网页呈现体例（能够圆形翻开网页，方形翻开网页等等）。
四．四个表格元素。它是HTML中最次要的元素。它可以匡助您办理在排版上所碰到的浩瀚成绩，比方，笔墨与图像对齐等等。假如有人对您说我在制造网页时历来不必表格元素的话，那末这人的网页一定称不上“佳构”。
1．<table></table>。这是界说表格的元素，也能够说是表格的“身份证”。要想晓得网页中统共有几张表格那就数一数有几对此元素即可。拿上例来看，统共有五对<table>&l

这不是理想状况。我们必须尽可能把精力放在改善这项规范，把耗费在派系相争的精力降到最低。

只看该作者 · 发表于 2015-1-15 23:53:48

HTML5开发的网页文档类型极其简单，就够了，记得5年前还在反复跟团队强调使用XHTML那段冗长的文档类型声明.t;/table>，那末此张网页就有五张表格。别的此元素还附有一些属性，在此自己先容几个对照主要的。
A．<tableborder=数字>暗示表格边框线的宽度。
B.<tableborderwidth=数字;height=数字>指定全部表格的宽度及高度。
C.<tablebordercellspacing=数字>暗示两个单位格之间的间隔。
D.<tablebordercellpadding=数字>暗示单位格的巨细。
注重：下面的“数字”可用正整数暗示，也可用百分数暗示。他们的单元都是“象素”。别的，笔者在此保举列位在编写网页时最好用正整数来暗示，由于这对照直不雅。而用百分数来写的话，还需经由换算才干晓得您表格或单位格的巨细。
2．<tr></tr>。这是用来界说表行的元素。即：表格中行的“身份证”。在表格中有几对此元素就暗示以后表格中有几行。
3．<td></td>。关于此对元素的界说在良多书中的注释都很专业，对初识HTML言语的伴侣来说很难了解。现自己经由过程本人的意会而给它一个的界说：<td></td>是暗示一行中单位格的元素。同上道理，一行中有几对此元素，就有几个单位格。
4．<th></th>。它是用来界说表头，但此元素在明天已不经常使用到了。因而，笔者也未几作先容。
五．<font></font>。此元素划定了字体使用的体例，它有三个属性：SIZE，COLOR，FACE。这分离代表了字体的巨细，色彩及哪一种字体。比方下面的网页中这段代码<fontface="隶书"size="6"color="#（能够省略）FF00FF"><strong>接待进进华人网站</strong></font>它暗示了“接待进进华人网站”这八个笔墨，用隶书六号粗（<strong></strong>代表粗字体）字体紫白色在网页中显现出来。别的，color="#FF00FF"代码中的“#”能够省略。
六．<img>。它是专门设置图片属性的元素。我们以上例中的这段代码举行剖析：
<imgsrc="http://202.103.176.80/g/speaker/huaren/mypic1.gif"alt="共享程序网站进出口"border="0"width="180"height="90">。个中<imgsrc>是指了然图片的路径。在ITERNENT上若要能一般地显现您在网页中所设置的图片，那末您图片的路径必需准确。不然的话，图片不会出现。<imgalt>这是暗示在扫瞄器不克不及翻开图片时显现的申明，这个申明能够是由您恣意定名，但最好能写些成心义的笔墨。就如自己给此图片取名为“共享程序网站进出口”，也就是说当点击此图片时，网页会主动毗连到共享程序网站同时翻开此网站的首页。至于border,width,height这些属性很复杂，即：图片的边框线宽度，图片的宽度和图片的高度。它与表格的border,width,height属性界说差未几，只是前者是针对图片，尔后者是针对表格。
七．<ahref></a>。这是一个超毗连的元素。在href前面写下欲毗连的网址，在<ahref>与<a>之间写进笔墨或拔出图片，那末您的超毗连就完成了。怎样很简单吧！
八．<marquee></marquee>。这是HTML言语的初级手艺使用元素。用它能够完成WEB中笔墨的转动效果，让您的网页更具有静态魅力。这个元素撑持以下几个属性：
1．DIRECTION。它是指定笔墨的转动偏向，比方，<marqueedirection=right>就是指笔墨
从左向右转动。除right，我们还能够用left（从右到左）,up（自下往上）,down（由上朝下）来设定笔墨的偏向。
2．BEHAVIOR。这是指定笔墨的转动体例。它有三个工具：SCROLL，SLIDE，ALTERNATE。这
三个工具分离代表了围绕转动，转动一次和往返转动。个中，围绕转动（即SCROLL）是转动体例（BEHAVIOR）的默许值。比方上例中的“<marqueeborder="0"align="middle"scrolldelay="120">若您必要匡助，请实时找我，接洽E-MAIL：dibazh@online.sh.cn</marquee>”的这段代码就指了然笔墨以默许值SCROLL的体例举行转动。
3．LOOP。这是指定笔墨转动的轮回次数。当LOOP=-1或LOOP=INFINITE时，则标明笔墨转动
是无穷轮回。
4．SCROLLDELAY。这是指笔墨转动的速率。它的单元是毫秒。再看此代码“<marquee
border="0"align="middle"scrolldelay="120">若您必要匡助，请实时找我，接洽E-MAIL：dibazh@online.sh.cn</marquee>”，个中的“scrolldelay="120"”暗示，笔墨转动速率为120毫秒。
5．ALIGN。这是转动笔墨的对齐属性也就是处于的地位。它有TOP（对齐上方），MIDDLE（对
齐中部），BOTTOM（对齐下方）三个工具。上段代码中的“align="middle"”则明白了笔墨的地位是在中部。别的，此元素不但可以用在MARQUEE中并且在其他元素中也常常用到，比方，TABLE，TD等等。它们的用法与寄义与MARQUEE是不异的。
好了，HTML先容到此就该告已段落。如今再回想看一下上文入手下手时的网页代码，您是不是以为太复杂了。（惨啦！又有一名网页妙手呈现了，我的“饭碗”不保。）是啊！作为网页编写言语DDHTML它真的长短常简单。笔者只用了很少的工夫便能完全意会它的精华，我想关于伶俐的读者来讲一定是不在话下的。
在写本文时，笔者碰到一名电脑伴侣，他劝我不要写这篇文章由于现在有良多网页编纂软件，如ProntPage98，Dreamweaver3等等，它们都能主动天生网页，为什么还需研讨HTML呢？这位伴侣的话初听起来不无事理，但是细心想一想</p>

使得W3C与非正式的WHATWG(网络超文本应用程序技术工作小组)关系开始紧张起来。这些年来，一直是WHATWG肩负起HTML的重责大任。

只看该作者 · 发表于 2015-1-16 00:00:34

WHATWG致力于Web表单和应用程序，而W3C（WorldWideWebConsortium，万维网联盟）专注于XHTML2.0。在2006年，双方决定进行合作.来创建一个新版本的HTML。便感应他的话缺少“咀嚼”。实在HTML言语是一切网页的基本，关于一个想成为WEB妙手的您来说，进修HTML是必不成少的。就象明天我们虽有盘算器，但在学数学时仍须从“1+1=2”入手下手一样，这就是基础功。要晓得“创建在戈壁中的宫殿，再奢华也会倾圮的。”（由于缺少基本！）
最初，祝福您们都能成为WEB妙手！如有成绩，请E-MAIL自己:　dibazh@online.sh.cn。</p>　　摘自《软件天下》　/文</p>

上一页1234

就在新标准备受瞩目之际，两大网络监督机构却起冲突。

只看该作者 · 发表于 2015-1-18 05:25:32

您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点。

只看该作者 · 发表于 2015-1-27 05:16:39

可以使用 CSS 检查工具进行设计。

只看该作者 · 发表于 2015-2-5 09:41:25

您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点。

只看该作者 · 发表于 2015-2-11 08:55:04

不管老师做怎样的解释，而我却对它感到很是吃力，诸如里面有许多不知道的功能。

仓酷云 · 发表于 2015-3-2 10:18:47

是当我和赵丽芬崔明艳老师进行交流后，很快就了解了还不太清楚的内容和并不了解的知识（像布局表格、绘制布局单元格等）。

只看该作者 · 发表于 2015-3-11 05:42:43

Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。

只看该作者 · 发表于 2015-3-17 23:10:23

足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程，随着互联网(Internet) 的家喻户晓。

只看该作者 · 发表于 2015-3-25 11:32:23

难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心，坚持不懈的决心。在自己无法解决某些问题时，就需要虚心请教别人.

		自动登录	找回密码
密码			立即注册

[HTML5] 来谈谈：WEB妙手培训班之HTML篇

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

相关帖子