网页代码HTML语法大全

合集下载

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

网页代码HTML语法大全
■ 细说HTML标签在HTML语法中，大致上可以分为：网页架构：主要网页主架构的介绍
分隔标签：也就是所谓的水平线
排版标签：针对标签的属性，可做适当的版面编排
字体标签：教导您设定文字的字体。

文字标签：教导您设定文字的颜色、行距、变化.....等等。

影像标签：教导您如何在网页中，植入图像。

背景标签：教导您如何设定背景颜色或是背景图像。

链接标签：教导您如何设定超链接，以及开视窗的条件。

表格标签：教导您如何在网页中运用表格。

序列标签：教导您如何设定文字序列或图形序列。

表单标签：教导您如何制作可填写用的表单。

框架标签：可让同一个视窗由多个网页一起组成。

其他技巧：让您的整个网页背景可以让您设定为图片或是声音。

4.1 网页架构<HTML>
<HEAD>
<TITLE>工具啦网页制作教学</TITLE>
<Meta>
</HEAD>
<BODY>
BODY之间则为主要语法所在，也是网页的主要呈现部分。

</BODY>
</HTML>
【标签解说】以上看到的就是一篇最简单架构的网页。

没错，网页其实就是一堆标签（所谓标签就是指被<>包起来的语法）集合起来的，透过浏览器的消化整理，就便成了美仑美奂的网页了。

简单而言，通常一份完整的网页包含了二个部份：抬头（HEAD）、文件本体（BODY）。

也就是各位在上面所看到的<HEAD></HEAD>以及
<BODY></BODY>。

在抬头的部份
<HEAD></HEAD>中，有另一组标签
<TITLE></TITLE>。

打在
<TITLE></TITLE>这里面的文字会出现在浏览器
视窗最上头蓝色部份里，当作一篇网页的主题。

您可能会发现，为什么我一直没提到<HTML></HTML>这一组标签，嗯！因为它可有可无。

这一组标签是告诉浏览器说：我是一份HTML文件喔！也就是说它是一个网页的格式啦！通常都包在网页的最上下两端，将所有的原始码都包起来。

4.2 分隔标签
【文字上的分隔标签】或许你已经发现这个问题了：天啊！
我不是在记事本里排版排得很漂亮，为何透过浏览器看起来一切都走了样？对啊！别太讶异，在网页的编排里，并不像汉书或WORD一样，只要拼命按Enter键或空白键，便能完成分段或分行，因为，HTML语言是不认识我们所谓的Enter键或空白键，所以不管您按了多少次的空白或Enter，浏览器都会当作没看见啦！使用方法：强制断行标签
 、强制分段标签
标签解说：我们在写文章时，有时候在特定的地方会强迫断行（ ），或是在写完某一段的时候便会分段
（），写网页也一样，而且更需要断行及分段的功能，以免整个网页看起来乱糟糟的。

使用范例：原始码呈现结果这是一个断行的范例 
看出来了吗？这是一个断行的范例
看出来了吗？这是一个分段的范例基本上他会比断行还多空出一行这是一个分段的范例基本上分段会比断行
还多空出一行。