Post on 17-Jan-2016
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">