HTML网页制作

HTML网页制作2名词解释HTML(HyperTextMarkupLanguage)：编写网页的基本语法，简单易懂，用最基本的文字编辑器即可编写。例如：记事本、FrontPage、DreamWeaver。浏览器(Browser)：相当于html翻译器，将html语法，用生动活泼易懂的方式解读出来，目前时下最受欢迎的浏览器有IE、Netscape。网页：您所看到的每一页html文件都叫做网页。首页：连上一个站时，所出现的第一个画面就叫做首页。通常完整档名应该存成index.htm或是index.html。但有些提供网页空间的公司，会规定你首页的档名，那你就必须存成这个档名才行(例如default.htm)。标签：又称为标记，例如body。html文件就是由一群标签所构成的，浏览器会根据所写的标签，解读出相对应的内容。以下数章就是说明各个卷标的功能与写法。属性：有些卷标中还可以加入属性来做进阶的控制。例如bodytext=#000000，text就是body这个卷标下的一个属性，是用来控制文字颜色的。3基本架构打开附属应用程序中的[记事本]。htmlheadtitle/title/headbody/body/html在title与/title之间，输入简短的文字。在body与/body之间，输入简短的文字。步骤1、2、3如下图所示要存档时，主档名自行选择，扩展名则必须是htm或html。若是没有特别规定，首页的档名必须是index.htm或index.html。找到刚存好的档案，快速用鼠标左键按两下！所看到的，就是你的第一个网页。4html.../html是用来表示这份html文件的有效范围。title.../title输入在这对卷标中的文字，将成为网页的标题，会出现在浏览器最左上方的部分。body.../body是用来标示网页主要内容(文字或图片等等)的开始与结束。接下来介绍的所有语法都必须放在这对标签之中！body这个卷标内可加入许多的属性，body中最常用的属性如下:text:用来控制你网页中，所有文字的颜色，写法:bodytext=#000000#000000是网页所使用的颜色代码，变换这些色码，可自行设定颜色。bgcolor:用来控制您网页中，背景的颜色。写法是bodybgcolor=#fffffflink:用来控制网页中，超级链接的颜色。写法是bodylink=#0080ffalink:用来指定超级链接，在连结中的颜色(鼠标按下去时)。写法是bodyalink=#8000ff卷标功能解说5vlink:用来指定超级链接，在连结后的颜色，写法是bodyvlink=#ff0000background:用来控制网页中，背景的图案，若嫌背景每次都用素面的颜色不好看，那就一定要用这个，写法是bodybackground=“xxx.jpg”直接将图文件的位置输入在引号中，可放置jpg或gif这两种格式的图档。若是想一次控制很多属性，这些属性可以在一个卷标内完成。只要在属性与属性之间空一格即可。EX:bodytext=“#000000”bgcolor=“#ffffff”htmlheadtitleHTML教学范例/title/headbodytext=#3366ffbgcolor=#000000请注意看窗口左上角，还有文字与背景的颜色。/body/html6换行:html文件并不是按下enter就会自动换行，它必须使用这些标签。p.../pp:代表一个段落的开始，使用后，文字会自动换行。/p:则代表此段落结束。br:可以使文字换到下一行。注意！它并没有配对标签。对齐：palign=left.../p靠左palign=center.../p置中palign=right.../p靠右只要用p.../p中align这个属性就可以做到，所以除了对齐的功能外，也有上述的换行功能。center.../center夹在这组配对卷标中的组件，将会被置中。固定模式:pre.../pre可以先用平常在word中的排版方式，将网页的主要内容搞定，再用这个标签将主要内容全部包起来，最后在浏览器看到的结果，不管是空格、空行、换行或是文字的位置，都会依原来的格式排好。缩排：blockquote.../blockquote文字将会向右缩排，相当于打字时按下「Tab」键的效果。如果使用两组的话，就会缩排两单位，依此类推。7htmlbody钓鱼台是台湾的p你总以为爱是讨你欢心，/pp对你好不过是天经地义，/pp却不曾关心我也有情绪。/pp我的付出需要你的热情响应。br是我宠坏了你br溺爱骄纵了你的心/p小痞子，br逛大街，br沿街被人扁。palign=left走路靠左边/ppalign=center走路走中间/ppalign=right走路靠右边/pcenter土木AB最赞了!!!/centerpre男人不该让女人流泪至少我尽力而为相信我/preblockquote缩排一次/blockquoteblockquoteblockquote缩排两次/blockquote/blockquote/body/html8标题文字：h1.../h1～h6.../h6叫做标题卷标，当想要加入一个标题文字时，就需要用到。其中h1是最大的，h6则是最小的。写法是：h1小远/h1标题的大小还可以自由控制！h1小/h1h2远/h2h3真/h3h4的/h4h5很/h5h6帅/h69字体大小font.../font这个卷标可以加入一些属性以控制文字的大小、颜色、字型等先把注意力摆在“大小”，写法是：fontsize=“3”小远/fontsize属性：用来控制大小。基本上如果没有特别规定，默认值就是3，值越大字就越大。size还有一种写法:fontsize=“+1”小远/font因为默认值为3，所以+1以后就变成4的效果，同理-1就变成2的效果。fontsize=“7”=fontsize=“+4”fontsize=“6”=fontsize=“+3”fontsize=“5”=fontsize=“+2”fontsize=“4”=fontsize=“+1”fontsize=“3”=fontsize=“+0”fontsize=“2”=fontsize=“-1”fontsize=“1”=fontsize=“-2”如果写fontsize=“+100”小远/font，会失败！因为属性有一定的限制，不能让你做出超级大字或是蚂蚁小字，若设定超过最大值，那将会以最大的字体来显示。fontsize=-2Ｈ/fontfontsize=“-1”Ｔ/fontfontsize=“+0”Ｍ/fontfontsize=“+1”Ｌ/fontfontsize=+2网/fontfontsize=+3页/fontfontsize=+4教/fontfontsize=+100学/font10修改文字大小默认值：文字大小默认值是3。利用basefontsize=“1~7”默认值可以改成1~7。字型及颜色：face：是用来控制字型的，写法是fontface=“标楷体”文字就变成标楷体如果没有所设定的字型，文字仍然只会以细明体的型式呈现。Color：除了可在body中控制字的颜色，也可以让某特定的一段文字换颜色。写法是fontcolor=#ff0000其中#ff0000是网页使用的颜色代码。其它的特别效果：我是i斜体字/i我是斜体字我是b粗体字/b我是粗体字我有u底线/u我有底线我是tt打字机字型/tt我是打字机字型我让big文字加大/big我让文字加大我让small文字变小/small我让文字变小我在sup上/sup我在上我在sub下/sub我在下我会blink闪烁/blink(IE不支持)我会闪烁我是code原始码/code我是原始码我是var变数/var我是变数我是address地址/address我是地址strong加强/strong语气加强语气cite引用/cite名言引用名言其它的特殊符号：<>&&11图片卷标：imgsrc=xxx.gif利用这个写法就可以把图放进网页中了src后面要填的是图片的位置所在。绝对位置与相对位置：imgsrc=“~jmsu/1.gif”(绝对位置)imgsrc=1.gif(相对位置)如果两个档案都是放在~jmsu这个目录下，则选择相对路径的写法.imgsrc=“~jmsu/pic/1.jpg”(绝对位置)imgsrc=“pic/1.jpg(相对位置)如果首页，放在~jmsu/index.html(绝对位置)网页教学第二章，放在~jmsu/teach/2.html(绝对位置)要在第二章中，利用超级链接连到首页，有两种写法：ahref=“~jmsul/index.html”首页/a(绝对位置)ahref=../2.html首页/a(相对位置)12img中的属性：widthheight用来控制图形的宽跟长。如果把图形过度的放大，会使图形产生粗糙失真的情形。imgsrc=015.gifwidth=26height=40imgsrc=015.gifwidth=60height=90alt可将图片加入批注。border这个属性控制图片边框的粗细，如果没有特别指定，默认值是0imgsrc=015.gifborder=4vspace=xx图的垂直方向预留的空白宽度。xx里面填的是数字。hspace=xx图的水平方向预留的空白宽度。13align控制图片的定位。left、center、right分别表示将图片置左、置中、置右。top、middle、bottom分别表示图片的上缘、中间、下缘对齐基准线。14超级链接的标签ahref=xxx.html文字叙述/a文字叙述用来表示这个超级链接连到何处。而xxx.html处，则是填入网页的位置。这牵涉到绝对位置跟相对位置的问题文字叙述的部分还可以用图片来代替，这就是网页中按钮的道理。按钮的旁边有一层框线，要让这个框线消失。只要在img后面加上border=0这个属性就可以了。15内部连结当一页内容太多时，可以在这一页，做一些超级链接，直接连到这页的某个地方。首先将欲连结处定义起来。aname=“point”欲连结处/a想用一个超