简单实用的HTML语法实例教学

简单实用的HTML语法实例教学

ID:38375511

大小:4.22 MB

页数:34页

时间:2019-06-11

简单实用的HTML语法实例教学_第1页
简单实用的HTML语法实例教学_第2页
简单实用的HTML语法实例教学_第3页
简单实用的HTML语法实例教学_第4页
简单实用的HTML语法实例教学_第5页
资源描述:

《简单实用的HTML语法实例教学》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、HTML4.0语法教学在HTML语法中,大致上可以分为:网页架构:主要网页主架构的介绍分隔标签:也就是所谓的水平线排版标签:针对标签的属性,可做适当的版面编排字体标签:教导您设定文字的字体。文字标签:教导您设定文字的颜色、行距、变化.....等等。影像标签:教导您如何在网页中,植入图像。背景标签:教导您如何设定背景颜色或是背景图像。连结标签:教导您如何设定超连结,以及开视窗的条件。表格标签:教导您如何在网页中运用表格。序列标签:教导您如何设定文字序列或图形序列。表单标签:教导您如何制作可填写用的表单。框架标签:可让同一个视窗由多个网页一起组成。其他技巧:让您的整个网页背景

2、可以让您设定为图片或是声音。4.1网页架构   网页制作教学      BODY之间则为主要语法所在,也是网页的主要呈现部分。 【标签解说】以上看到的就是一篇最简单架构的网页。没错,网页其实就是一堆标签(所谓标签就是指被<>包起来的语法)集合起来的,透过浏览器的消化整理,就便成了美仑美奂的网页了。简单而言,通常一份完整的网页包含了二个部份:抬头(HEAD)、文件本体(BODY)。也就是各位在上面所看到的以及

3、Y>。在抬头的部份中,有另一组标签。打在这里面的文字会出现在浏览器视窗最上头蓝色部份里,当作一篇网页的主题。您可能会发现,为什么我一直没提到这一组标签,嗯!因为它可有可无。这一组标签是告诉浏览器说:我是一份HTML文件喔!也就是说它是一个网页的格式啦!通常都包在网页的最上下两端,将所有的原始码都包起来。4.2分隔标签【文字上的分隔标签】或许你已经发现这个问题了:天啊!我不是在记事本里排版排得很漂亮,为何透过浏览器看起来一切都走了样?对啊!别太讶异,在网页的编排里

4、,并不像汉书或WORD一样,只要拼命按Enter键或空白键,便能完成分段或分行,因为,HTML语言是不认识我们所谓的Enter键或空白键,所以不管您按了多少次的空白或Enter,浏览器都会当作没看见啦!1.使用方法:强制断行标签
、强制分段标签

2.标签解说:我们在写文章时,有时候在特定的地方会强迫断行(
),或是在写完某一段的时候便会分段(

),写网页也一样,而且更需要断行及分段的功能,以免整个网页看起来乱糟糟的。3.使用范例:原始码呈现结果这是一个断行的范例
看出来了吗?这是一个断行的范例看出来了吗?这是一个分段的范例

基本上他会比断行还

5、多空出一行这是一个分段的范例基本上分段会比断行还多空出一行【分隔线标签】1.使用方法:上一段文字内容


下一段文字内容2.标签解说:利用
这个标签便可产生一条横分隔线。另外,其有些属性分别说明如下:3.使用范例:一般用法尚未加任何属性。原始码普通分隔线
呈现结果普通分隔线4.颜色属性用法:原始码橘色分隔线呈现结果橘色分隔线1.宽度属性用法:,其单位为px(像素),宽度亦可用百分比来作设定,如50%即意为宽度占萤幕50%。原始码宽度为240px的分隔线<

6、hrwidth="240">呈现结果宽度为240px分隔线2.厚度属性用法:原始码厚度为5的分隔线呈现结果厚度为5分隔线3.位置属性用法:,其设定值有三个,也就是置左align="left"、置中align="center"、置右align="right"原始码靠右的分隔线呈现结果靠右的分隔线4.阴影属性用法:,无设定值,只要将noshade加入即可,通常会配合颜色设定,效果较佳。原始码实心分隔线(无阴影)呈现

7、结果实心分隔线(无阴影)4.3排版标签【文字置左、置中、置右】1.使用方法:老实说,刚刚我们学过的分段标签

再加上一些简单的属性设定,就可以让其整个文字段落置左、置中或置右了,就如下表所示:4.4字体标签4.5文字标签4.6影像标签4.7背景标签连结时颜色用法:设定“按下连结”的颜色,也就是当您滑鼠按下那连结的瞬间所呈现的颜色。原始码这是标题

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。