HTML基本语法
有關網頁環境的宣告、JAVA SCRIPT程式、標題的設定等
內容編輯區
一、背景之設定
二、文字的設定
三、編輯方式
四、項目排列
五、超鏈結
六、圖片
七、表格
八、畫面分割 (框架)
九、表單
十、背景音樂
十一、動態鏈結
十二、CGI及JAVA Applet
十三、CSS樣式
一、背景之設定
BGCOLOR="#??????" 背景顏色
TEXT="#??????" 本文顏色
LINK="#??????" 超鏈結顏色
VLINK="#??????" 拜訪過超鏈結顏色
ALINK="#??????" 游標指到超鏈結顏色
BGPROPERTIES=fixed | scroll>捲動畫面時,背景圖片為固定或捲動
顏色從 #000000 ~ #FFFFFF (紅、綠、藍 00 ~ FF)
例:(#FFFFFF:白色)、(#000000:黑色)、(#FF0000:紅色)、(#00FF00:綠色)、(#0000FF:藍色)、
(#00FFFF:淺藍色)、(#FFE0FF;淡紫色)、(#FFFF00:黃色)
色碼小程式
範例:
主要架構
BACKGROUND="book.jpg">
.....
二、文字設定
字體設定
字型大小(n=1~6)及文字對齊(居中,靠左,靠右)
文字粗體字
文字斜體字
文字字下線
文字放大
文字縮小
文字上標
文字下標
範例:
字體-1
1號字
綠色+1字
紅色5號字 中黑6號字 楷書7號字
粗體字
斜體字
字下線
放大
縮小
X2
X1
結果:
基本字型藍色3號字
字體-1
1號字
綠色+1字
紅色5號字
中黑6號字
楷書7號字
粗體字
斜體字
字下線
放大
縮小
X2
X
1
H1 ~ H6標題文字變化
H1標題文字
H2標題文字
H3標題文字
H4標題文字
H5標題文字
H6標題文字
三、編輯方式
程式註解
段落
設定某一段落,段落間會加一空白列
換行
內容顯示與HTML相同的斷行方式,其內定字型大小為2,字體為細明體
內容在左右分別空出一定?度
水平線
範例:
四、項目排列 數字化項目
- .....
- ..... …….
- 非數字化項目
- .....
- ..... ……
- .....
- .....
……
- 中山國小
- 陽明國中
- 台中商專
- 淡江大學學士
- 元智工學院碩士
- 雲林科技大學博士
學歷
- 中山國小
- 陽明國中
- 台中商專
- 淡江大學學士
- 元智工學院碩士
- 雲林科技大學博士
學歷
- 中山國
- 彰化市
號
- 陽明國
- 彰化市
- 台中商
- 台中市
號
- 淡江大
- 元智工
- 雲林科
結果:
學歷
I.中山國小
II.陽明國中
III.台中商專
IV.淡江大學學士
V.元智工學院碩士VI.雲林科技大學博士學歷
?中山國小
?陽明國中
?台中商專
?淡江大學學士
?元智工學院碩士
?雲林科技大學博士
學歷
中山國小
彰化
100號
陽明國中
彰化
台中商專
台中
129號
淡江大學學
元智工學院
雲林科技大
五、超鏈結
超鏈結內容
1. FILE:///....... 硬碟內檔案
2. HTTP://........ 網路上的檔案(若檔案無法由網頁型
態開啟,則會自動下載)
可以在瀏覽器上開啟的檔案包括:
?html檔
?CGI程式 (php、pl、asp執行程式)
?文字檔
?圖檔( xxxx.jpg 、 xxxx.gif 或 xxxx.png )
?OFFICE檔案:若為 xxxx.doc 會開啟WORD程式、
xxxx.xls 會開啟EXCEL程式、 xxxx.pps 或
xxxx.ppt 會開啟POWER POINT程式
?多媒體檔:若為 xxxx.avi、 xxxx.mpeg 或
xxxx.mp3等會開啟Media Player播放、若為
xxxx.mov 則會開啟Quick time播放、若為 xxxx.rm
則會開啟Real Player播放
?Flash檔( xxxx.swf)
?PDF檔:會開啟Acrobat Reader程式
?EXE檔或壓縮檔( xxxx.zip 、 xxxx.rar 或
xxxx.lzh 等):會出現檔案下載的對話視窗
3. GOPHER://.......... GOPHER文字系統
4. FTP://........... FTP檔案傳輸,連結伺服器
5. NEWS: ........ NEW網路論壇系統
6. MAILTO:E-mail 利用Outlook Express來寄信
7. TELNET:......... 遠端登入,利用登入BBS系統
常用的網頁連結方式:
?連結至其它網站的網頁,例:< A
HREF=https://www.360docs.net/doc/b28272042.html,>雅虎奇摩站
或是
< A HREF=https://www.360docs.net/doc/b28272042.html,>
border=0>記得要設border=0,否則圖片會有超連結
顏色外框
?連結至本網站的其它網頁,例:< A HREF=index.htm>首頁
路徑說明:
"." 表示目前所在目錄
".." 表示上一層目錄
"/" 用於上一層目錄名稱與下一層目錄名稱的連接符號
例如:
< A href="./image/sea.gif">表示目前目錄下的image
目錄內的 sea.gif 檔
< A href="../image/sea.gif">表示在不同目錄image
內的 sea.gif 檔(目前的目錄和image目錄在同一層)
書籤:跳到本文中的其它部分鏈結
範例:
奇摩站
寄信給我
問答集
或圖片說明
六、圖片(最好用GIF檔、 JPG 或 png檔)
JPG檔為向量圖形,全彩,畫質較好(照片格式)
GIF檔為點陣圖形,256色,速度較快(常用於動畫、背景透明)
WIDHT=n | n% HEIGHT=n | n%
ALT="圖片說明"
ALIGN="對齊方式"
HSPACE=n VSPACE=n
BORDER=n>
對齊方式 top, bottom, middle, left, right
如果對齊方式採取align=left或align=right則會將圖片以「圖蹺文」的方式來靠左或靠右
人生很多經驗是要付代價的,
但是也使我們了解這個錯誤,痛定思痛,以後永遠不再犯它。
適量的挫折也培養孩子的忍受力與同理心,以後容易與人相處。
父母不可能一輩子陪伴著孩子,
及早在遊戲中訓練孩子獨立完成一件事是很重要,
鼓勵孩子去試新奇的做事方法,
不必事事都依你的想法來做,
孩子們自發性的創造力就是這樣培養出來的。
趴趴熊趴趴熊(水平間距為20)
趴趴熊趴趴熊
Map圖片的超鏈結
……
形狀=RECT(矩形)、座標=X1,Y1,X2,Y2
形狀=CIRCLE(圓形)、座標=X1,Y1,R
形狀=POLY(多邊形)、座標=X1,Y1,X2,Y2,X3,Y3,...
範例:天線寶寶
範例:
七、表格
表格標題 標題 標題 ..... ..................文字 文字 .....其中
BORDER 表示框線厚度,CELLSPACING表示內框厚度,CELLPANDDING表示文字與框線距離
且
ALIGN="center | left | right" VALIGN="top | middle | bottom" ROWSPAN=合併列數 COLSPAN=合併欄數>
範例:
林裕章機密檔案 身份 台中技術學院會計系副教授 學歷 雲林科技大學管理研究所博士班 元智大學工業工程研究所碩士(第一屆) 淡江大學統計系畢業 台中技術學院會計統計科畢業(統計組第一屆) 彰化縣立陽明國民中學畢業 彰化市立中山國民小學畢業 經歷 台中技術學院課務組組長 台中技術學院出版組組長 統計人員高考及格 任教課程 統計學、商業套裝軟體、、作業研究、品質管制 結果:
八、框架
歡迎光臨林裕章網站 在up.htm中的超鏈結中如果要出現在main視窗中,則語法為:
內置框架
例:
九、表單
結果:
ISP:HINET SEEDNET 其它
性別:男女
URL
心情:
十、背景音樂與影像檔播放
只能播放mid檔 影像檔播放(例:mov, mpg, avi, wmv, asf, mp3等)
1. Plug-in用法
例:
結果
若要以背景音樂方式來播放音樂(如:mp3)時,可以採取下列方式:
例:
如果影片的檔案太大時,可以將其檔案放在其它伺服器,再利用超連結來播放。例:
2. 如果是以超連結的方式來播放時,則會自動下載後,以Windows Media Player 來播放
例:
十一、動態鏈結
表示間格五秒後自動跳至new.htm網頁
如果要避免網頁中的文字變成其它方式編碼,可以強制其字元為big5字體(繁體中文)
例:將下列的設定加入
......十二、CGI及JAVA Applet
?CGI(Common Gateway Interface):是指www伺服器外部
應用程式溝通(傳送或接收訊息)的一個通訊協定,大部份
的CGI都是利用C、C++、Perl、VB或Java語文所撰寫,例
如計數器、留言板
?Java Applet與JavaScript (Sun公司所發展):
Java語言須經過編譯成Java Applet後,由瀏覽器從網
頁伺服器下載來執行。
範例:在HTML中加入下列敘述即可執行Lake.class
下載Lake.class檔
十三、CSS樣式
如同在Word中的樣式表一樣,可以設定特定的樣式格式於網頁中。使用方式:有三種方式
1.Inline Style(單項樣式設定):針對某一特定物件設定
樣式
其基本語法為:
< 標籤名稱 STYLE=" property (屬性) : value (設定值) ; .... ; property : value">
屬性包括了:
?字型屬性:
o字型(font-family): 字型名稱
o字型大小(font-size): n pt
o顏色(color)
o字型粗細( font-weight): normal | bold | bolder | lighter | 100-900
o字型型態(font-style): normal | italic | oblique
o字型效果(text-decoration): underline |
line-throuth | overline | blink | none 底
線,刪除線,頂線, 閃爍(不支援),無
o字元間距(letter-spacing) : normal | n pt
o垂直位置(vertical-align): 上標為正,下
標為負
?段落屬性:
o對齊方式(text-align): left | right |
center | justitfy
o垂直對齊(vertical-align): baseline | sub | super | top | text-top | middle | bottom
| text-bottom
o第一行縮排(text-indent): n pt
o左右縮排(margin-left, margin-right): n
pt
o與前後距離(margin-top, margin-bottom):
n pt
o字母間距(word-specing): normal| n pt
o行距(line-height): normal | n pt ?框線屬性:
o樣式(border-style): none | dotted(小點
虛線) | dasked (大點虛線) | solid (實線)
| double (雙線) | groove (3D 凹線) | ridge
(3D 凸線) | inset | outset
o顏色(border-color)
o寬度(border-width): thin | medium | thick | n
?表格內邊界屬性:
o距離(padding- [ top | right | bottom |
left ] ): n
?背景屬性
o顏色(background-color)
o前景顏色(color)
o背景圖片(background-image)
o背景圖片的位置(background-position):
[ x% y%] | [ x y] | [top | center | bottom]
| [ left | right | center ]
o重複(background-repeat): repeat,
repeat-x, repeat-y, no-repeat
o捲動(background-attachment): scroll |
fixed
?清單屬性
o清單符號(list-style-type): disc | circle | square | none
o清單編號(list-style-type): decimal |
lower-roman | upper-roman | lower-alpha
| upper-alpha
o清單圖片(list-style-image)
o清單符號縮排(list-style-position):
inside | outside
設定值包括:(單位為長度單位、百分比單位與顏色單位)
?長度:公分(cm)、公厘(mm)、英吋(in)、點(pt)、像素(px)等
?百分比
?顏色
?檔案來源:url('檔案路徑')
?垂直對齊:向上(top)、置中(center)、向下(bottom)
?水平對齊:靠左(left)、置中(center)、靠右(right)
範例:
語法:
結果:
範例:
- 中山國小
- 陽明國中
- 台中商專
- 淡江大學學士
- 元智工學院碩士
- 雲林科技大學博士
結果:
?中山國小
?陽明國中
?台中商專
?淡江大學學士
?元智工學院碩士
?雲林科技大學博士
2.Embedded Style Sheet(嵌入式樣式表):針對整個網
頁設定樣式
其基本語法為:
在
與之間設定的內容
/* 註解符號 */
selector 選擇器 { property 屬
性: value 設定
值 ; .... ; property 屬性: value 設定值}
-->
選擇器包括了:
?body:主體
?hr,br,p等:換行與水平線
?table:表格
?H1~H6:6種字體
?b,u,l:字體樣式
?img:圖片
?form,input,textarea等:表單
?CLASS 類別,用"."加上樣式名稱來定義
?ID 類別,用"#"加上樣式名稱來定義
其它可設定的還包括:
?連結屬性:
o未使用的超連結(A:link)
o已使用的超連結(A:visited)
o連結中的超連結(A:active)
o游標移到超連結上方(A:hover)
?捲軸屬性:
o捲軸面顏色(scrollbar-face-color)
英语语法基础入门
英语基础语法知识(一) 第一节词类和句子成分 一、词类 能够自由运用的最小语言单位叫词。根据词的形式、意义及其在句中的作用所作的分类叫词类(parts of speech)。 英语的词通常分为十大类,即名词、冠词、代词、数词、形容词、副词、动词、介词、连词和感叹词。现分别叙述如下: (一)名词 名词(noun)是表示人、事物、地点或抽象概念的名称。例如: foreigner外国人 soap 肥皂Newton牛顿 law 法律freedom自由peace和平 英语名词可分为两大类: < 1。普通名词(common noun)是某一类人、事物、某种物质或抽象概念的名称。例如: teacher教师 market市场rice大米 magazine杂志sound声音production生产 2。专有名词(proper noun)是特定的某人、地方或机构的名称。专有名词的第一个字母必须 大写。例如: Hemingway海明威 Russia 俄罗斯 New York 纽约 United Nations联合国 名词又可分为可数名词(countable noun)与不可数名词(uncountable noun)两种。可数名词有单、复数之分。绝大多数名词的复数形式的构成是在单数名词的后面加-s或-es。例如: shop→shops商店 bus→buses 公共汽车 library→libraries图书馆
toy→toys玩具leaf→leaves树叶 英语中有一些名词的复数形式是不规则的。例如: man→men男人tooth→teeth牙齿datum→data数据 有关名词复数形式构成的具体规则,请参阅有关的英语语法书。 (二)冠词 冠词(article)放在名词之前,帮助说明该名词所指的对象。冠词分为不定冠词(indefinite article)和定冠词(definite article)两种。 不定冠词为a/an,用在单数名词之前,表示某一类人或事物的“一个”。a用在以辅音开头的名词之前,an用在以元音开头的名词之前。例如: a hotel 一家旅馆 a chance 一次机会 a double room一个双人间 a useful book一本有用的书 an exhibition一次展览an honest man一个诚实的人 冠词只有一个,既the,表示某一类人或事物中特定的一个或一些。可用于单数或复数名词前,也可用于不可数名词前。例如: · the TV programs那些电视节目 the house那座房子 the Olympic Games奥运会 (三)代词 代词(pronoun)是用来指代人或事物的词。代词包括: 1。人称代词,如:I, you, they, it等; 2。物主代词,如:my, his, their, our, mine, hers等; 3。反身代词,如:myself, yourself, itself, ourselves, oneself等; 4。相互代词,如:each other, one another等; 5。指示代词,如:this, that, these, those, such, same等;
HTML初级知识点总结最详细的总结
HTML 超文本标记语言,一种规范 预定义,已经定义好的各种标记,只需要我们把对应的标记放到合适的位置 一. HTML基本语法与基本结构(重点) 标记的使用 1、标记一般成对出现,包含开始标记和结束标记 2、标记可以嵌套使用,但是不能交叉使用 3、标记不区分大小写 属性的使用(属性控制内容的格式,额外的格式) 1、书写位置在开始标记中 2、格式:属性名=“属性值”,多个属性之间使用空格分割 3、不同的标记属性可能相同也可能不同 4、属性使用的标记中,只能对本标中的内容记产生影响 5、属性不冲突时,效果叠加,属性冲突时,就近原则 html的基本结构 ----声明网页
----网页的头部信息标题 ----网页的标题 ----网页的主体,网页内容主要展示的部分 网页的主要内容 二. 文本格式的应用 1、标题标记,n的取值1-6,1级标题最大 效果:加粗显示,带有自动换行 属性:align控制标题的对齐方式,取值left(左对齐,默认值)|center(居中)|right(右对齐) 2、段落标记 效果:把内容分段展示,自动换行 属性:align,控制段落内容的对齐方式,取值left(左对齐,默认值)|center(居中)|right(右对齐) 3、换行符
,单标记,不需要结束标记,换行但不分段 空格符号: 表示一个空格 强制换行符:
4、水平线标记
,单标记 效果:水平线,默认是一个粗细为2px(像素)的线条 属性:size 控制水平线的粗细,取值为整数,单位为像素(px)初中基本语法知识(全)
基本语法知识 根据词的形式、意义及其在句中的功用将词分为若干类,叫做词类。一个句子由各个功用不同的部分所构成,这些部分叫做句子成分。 学一个词,要学它的发音、拼法、意义,也要记它的词类;更重要的是要了解它和其他词的关系,及其在句中作什么句子成分。如China is in East Asia(中国位于东亚)一句中的China这个单词所属的词类是名词,在句子中作主语。 词类(parts of speech) 英语的词通常分为十大类: 1)名词(noun,缩写为n.)是人和事物的名称,如pen(钢笔),English(英语),life(生活)。 2)代词(pronoun,缩写为pron.)是用来代替名词的词,如we(我们),his(他的) 3)形容词(adjective,缩写为adj.)用来修饰名词,如great(伟大的),honest(诚实的),difficult(困难的)。 4)数词(numeral,缩写为num.)是表示"多少"和"第几"的词,如four(四),eighteen(十八),first(第一),eighth(十八),hundred(一百)。 5)动词(verb,缩写为v)表示动作和状态,如write(写),walk(行走),think(想)。 6)副词(adverb,缩写为。adv.)是修饰动词、形容词和副词的词,如quickly(快),often(经常),very(很)。 7)冠词(article,缩写为art.)说明名词所指的人或物的词,如a,an(一个),the(这,那)。 8)介词(preposition,缩写为prep.)表示名词(或代词)与句子里其它词的关系,如 from(从),in(在…内),between(在…之间)。 9)连词(conjunction,缩写为conj.)是连接词、短语、从句和句子的词,如and(和),because(因为),if(假如)。 10)感叹词(interjection,缩写为int.)表示感情,如。oh(噢),aha(啊哈),hush(嘘)。[注一]属于前六类(名、代、形、数、动、副等词)的词都有实义,叫做实词(notional word)。属于后四类(冠、介、连、感等词)的词没有实义,叫做虚词(form word)。 [注二]不少词可以属于几个词类,如work(工作;动词和名词),fast(快;形容词和副词),since(自从;连词和介词)等。 句子成分(members of the sentence)
HTML基本语法大全讲解
HTML基本语法大全 虽然已经有很多现成的HTML编辑器可以用,不必再自己编写HTML文件,但学习手工编 写HTML文件的必要性的理由在于: 1、现在HTML标准一直在改进中,而现成的HTML编辑器并不一定跟得上HTML的潮流。 2、可以看到,用HTML编辑器编出来的HTML文件结构相当乱,这是因为在编辑过程中, 编辑器并不能真正理会用户的编辑要求,结果反复修改后,就留下不少垃圾。 3、自己编写HTML文件,可以随时将HTML的新发展增加进去,而不用受编辑器的限制。 4、HTML是一种很有意思的语言,它能将你的想法在INTERNET 上很好地体现出来。 HTML语句特点:
1.所有HTML语句大部分都是
结构, 表示打开标记, 表示 关闭标记。但有的语句只有描述开始标记,没有描述结束,如2.HTML中对文字的大小写不敏感。 3.所有语句都可以循环嵌套,但要注意嵌套对称。 例:
就是正确的嵌套方法…….
这种书写方法将导致编译错误 一、HTML文档的基本结构 HTML部分:每个HTML文档必须以打开HTML标记开始,以关闭HTML标记结束 说明其间内容为HTML格式文档。 头部分:此部分包含文档的标题、文档使用的脚本、样式表定义等信息,还可以包含 搜索工具和索引所要的其他信息。头部分必须包含在 标记对中 1.……. 其间包含的文字是该HTML的主题,会显示在窗口的TITLE栏位 2.标记,此标记可以设置网页的编码、自动刷新网页、设置网页的过期值 u u u u u 一、正文部分 其间说明HTML文件的主体内容。BACKGROUND=“图形名”背景图形文件 HTML基础知识
HTML 学习任何一门语言,都要首先掌握它的基本格式,就像写信需要符合书信的格式要求一样。HTML标记语言也不例外,同样需要遵从一定的规范。接下来将具体讲解HTML文档的基本格式。 HTML文档的基本格式主要包括文档类型声明、根标记、
头部标记、主体标记,具体介绍如下: (1)标记 标记位于文档的最前面,用于向浏览器说明当前文档使用哪种HTML 或XHTML(可扩展超文本标记语言)标准规范,必需在开头处使用标记为所有的XHTML文档指定XHTML版本和类型,只有这样浏览器才能将该网页作为有效的XHTML文档,并按指定的文档类型进行解析。 (2)标记 标记位于 标记之后,也称为根标记,用于告知浏览器其自身是一个HTML 文档, 标记标志着HTML文档的开始,标记标志着HTML文档的结束,在它们之间的是文档的头部和主体内容。 在之后有一串代码“xmlns=""”用于声明XHTML统一的默认命名空间。 (3)标记 标记用于定义HTML文档的头部信息,也称为头部标记,紧跟在标记之后,主要用来封装其他位于文档头部的标记,例如、、及本例为固定背景图片 例二、先在区进行定义 在正文中用class=样式名,来调用 (放此文件的内容) 文字颜色 (RGB色码) 打开窗口提示信息:点击关闭窗口 关闭窗口提示信息: 标题字体和颜色的变化 正文区段
(?=1~6,改变标题字的大小) 标题对齐 字加大 字变小 粗体字 斜体字 底线字 上标字 下标字 文字对中 基本字体大小 (取值范围从1到7,默认值为3) 改变字体大小(?=1~7) 字体颜色(RGB色码) 指定字型(?=宋体,楷体等) 二、超链结 网址链结 设定锚点(?以容易记为原则) 链结到锚点(同一份文件) (锚点不同文件) 显示图形 图形位置(分别为上、下、中、左、右的位置) 图形取代文字(无法显示图形时用) 图形尺寸(?以像素为单位) 连结图形边线(?以像素为单位) 图形四周留白(?以像素为单位) 三、区段划分 段落 (font标签自动分段) 断行
关闭换行保留段落格式 英语语法基础知识
英语语法基础知识 第一节词类 (一)名词 名词(noun)是表示人、事物、地点或抽象概念的名称。例如: foreigner外国人soap肥皂Newton牛顿law法律freedom自由peace和平英语名词可分为两大类: 1。普通名词(common noun)是某一类人、事物、某种物质或抽象概念的名称。例如:teacher教师market市场rice大米magazine杂志sound声音production生产 2。专有名词(proper noun)是特定的某人、地方或机构的名称。专有名词的第一个字母必须大写。例如: Hemingway海明威Russia 俄罗斯New York 纽约United Nations联合国 名词又可分为可数名词(countable noun)与不可数名词(uncountable noun)两种。可数名词有单、复数之分。绝大多数名词的复数形式的构成是在单数名词的后面加-s或-es。例如: shop→shops商店bus→buses公共汽车library→libraries图书馆 toy→toys玩具leaf→leaves树叶 英语中有一些名词的复数形式是不规则的。例如: man→men男人tooth→teeth牙齿datum→data数据 (二)冠词 冠词(article)放在名词之前,帮助说明该名词所指的对象。冠词分为不定冠词(indefinite article)和定冠词(definite article)两种。 不定冠词为a/an,用在单数名词之前,表示某一类人或事物的“一个”。a用在以辅音开头的名词之前,an用在以元音开头的名词之前。例如: a hotel 一家旅馆a chance一次机会a double room一个双人间a useful book一本有用的书an exhibition一次展览an honest man一个诚实的人
相关主题 - 元智工
square >
定義式項目
範例:
學歷