HTML Examples Wah Yan College Mr. Li C.P.. HTML Structure Mr Li C.P. My Name is Mr. Li C.P....
16
HTML Examples Wah Yan College Mr. Li C.P.
-
Upload
jack-joseph -
Category
Documents
-
view
217 -
download
0
Transcript of HTML Examples Wah Yan College Mr. Li C.P.. HTML Structure Mr Li C.P. My Name is Mr. Li C.P....
HTML Examples
Wah Yan College
Mr. Li C.P.
HTML Structure
<html><head><title>Mr Li C.P.</title></head><body> My Name is Mr. Li C.P.</body></html>
Title=Captain 。
Example
<html><head><title>Hello</title></head><body>Welcome to Wah Yan College (Hong Kong)</body></html>
Centre
<center>Content</center> <html>
<head><title>Mr. Li C.P.</title></head><body><center>My Name is Mr. Li. C.P.</center></body></html>
Headings
<html><head><title>Heading Testing</title></head><body> <center><h1>This is heading 1</h1><h2>This is heading 2</h2><h3>This is heading 3</h3><h4>This is heading 4</h4><h5>This is heading 5</h5><h6>This is heading 6</h6></center> </body></html>
Font <font size=n color=red>text you want to type Eg.： <html>
<head><title>Font testing</title></head><body><center><font size=7 color=red>Wah</font><font size=6 color=yellow>Yan</font><font size=5 color=green>College</font><font size=4 color=red>Hong</font><font size=3 color=blue>Kong</font><font size=2 color=green>Hello</font><font size=1 color=red> ！ </font></center> </body></html>
Another font example
<font face=font>string</font> E.g. 人生不相見 動如參與商 <br>
今夕復何夕 共此燈燭光 <br>少壯能幾時 鬢髮各已蒼 <br>訪舊半為鬼 驚呼熱中腸 <br>焉知二十載 重上君子堂 <br>昔別君未婚 兒女忽成行 <br><font color=yellow face= 華康隸書體 >怡然敬父執 問我來何方 <br>問答未及以 驅兒羅酒漿 <br>夜雨剪春韭 新炊間黃梁 <br>主稱會面難 一舉累十觴 <br>十觴亦不醉 感子故意長 <br>明日隔山岳 世事兩茫茫 <br>
Line Break
< br> <font size=7>Wah</font><br>
<font size=6>Yan</font><br><font size=5>College</font><br><font size=4>Hong</font><br><font size=3>Kong</font><br><font size=2>Hello</font><br><font size=1> ！ </font><br>
Italic
E.g.： Normal-text<i>italic-text</i>normal-text Result:
Normal-textItalic-textNormal-text
Bold
e.g.： Normal-text<b>Bold-text</b>normal-text Result:
Normal-textBold-textNormal-text
Underline
E.g.： Normal-text<u>underline-text</u>normal-text Result:
Normal-textUnderline-textNormal-text
Strike Through Text
Normal-text<s>Strikethrough-text</s>normal-text
Result: Normal-textStrikethrough-textNormal-text
Super-Script & Sub Script
E.g.： Normal-text<sup>super</sup>normal-text <s
ub>sub</sub>normal-text Result:
Normal-textSupernormal-textSubnormal-text
Image
Gif or jpg 。 Gif is better resolution but size is big Jpg is lossy compression, size is small but qu
ality is not good.
Image
<img src=“path/filename.gif"alt=“Image Content,"width=120height=240border=“border size">
E.g. ：<img src=“wkchkc.gif"alt=“School logo">
E.g. ：<img src=“wkchkc.gif"alt=“School logo">border=0>
Body Background
<body background=“path\filename.gif"> E.g.
<body background=“wkchkc.gif">
