0% found this document useful (0 votes)
7 views4 pages

Startup For Webpage

Web page basic knowledge

Uploaded by

mattchan0531
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
7 views4 pages

Startup For Webpage

Web page basic knowledge

Uploaded by

mattchan0531
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

HKDSE ICT Book C2 Chapter 4

Lesson 1 on HTML

What is HTML?
HyperText Markup Language (~ :X:::;$:,f~jf§cilRt:n is a standard markup language fo r creating web pages.
HTML files are made up of a series of tags that come with a pair, for example:

<html > .- It typically refers to the start of a HTML file.

All HTML files must start with a


A typical HTML file is made up of the following~ <!DOCTYPE> declaration.

<!DOCTYPE html> No1 .,;s"hlf.. Te, fl.,. , 1,o1'-hD(, ·.--/5,(i,


<html>
- iJ..,-f ·1 J~) ,vJo,_...,_,,{.,_,, ./r:, f~~
<head>
- ,,.J,,{ -1 l..,(_
~,-c ...J)(..-
. ·l<-1 ry--
t71 l, .. -(
</head>

<body>

- f vf.r-ril-J f Iv,{ ....,·, I l 'L ,t,,.~~ II i,-,

ft,t i,..( i rv e__;

</body>

</html>
<HEAD> Section of a HTML File

The <HEAD> section of a HTML file is used to:

/ r°' \k - . Jn""•·+.w r.
V 11 ...,, t°".,~✓ 0 "' • ,~. _i }L._, ,c,e,(? 7:y-
,,¥co/ -J.._ :1,,__t .. ,,,.J. ..,..d, ~u .. , l-. eJ· "', J.., ~ c ,:ee1'IL / lv:z._ cf,v.,. ,g

The common tags that are placed in the <HEAD> section are as follows,

HTML Tags Description Sample


(taking poppong.xyz as example:>)

<title> To define the title of the web page.

<meta charset> To define the character encoding for the web

page.

ASCII : IS0-8859-1

BigS: bigS

GB: gb2312

UTF: UTF-8

<meta To provide a description of the web page.

name="description"

<meta To provide the name(s) of the author of the web

name="author"> page for copyright purpose.

<meta To provide a comma-separated list of keywords for

name="keywords"> search engines to categorize your page, so that it

can help increase the chance of getting searched

by search engine.

<meta Controls the viewport (the user's visible area of a <meta name="viewport"
name="viewport" > web page) mainly for responsive web design. content="width=device-

width, initial-scale=l.0">

<style> To apply CSS to enrich the page formatting <style>

hl {color:red;}
'
p {color:blue;}

</style>

<link> To link the web page with external resources for <link rel="stylesheet"

enhancement href="styles.css ">


<BODY> Section of a HTML File

The <BODY> section of a HTML file is used to represent the actual content to be displayed on the web page,

such as headings, paragraphs, images, hyperlinks, tables, lists, etc.

Text Formatting

HTML Tag Description Sample Output

<b> Bold <b>Tsang</b> Ka Ho Tsang Ka Ho

<i> Italic 1<i>Tsang</i> Ka Ho Tsang Ka Ho


<U> Underline <u>Tsang</u> Ka Ho Tsang Ka Ho

<Sub> Subscript text cm<sub>2</sub> cm 2

<SUP> Superscript text 16<sup>th</sup>Nov 16th Nov

<del> Deleted text <del>0 ~ <del> ~


<em> Emphasized text. The content inside is <em> Turn off your Turn off your mobile
typically displayed in italic. A screen
mobile phone </em> phone
reader will pronounce the words in
<em> with an emphasis, using verbal
stress.
<strong> Text with strong importance . The <strong> I hate you I hate you
content inside is typically displayed in
</em>
bold . A screen reader will pronounce
the words in a stronger tone.
<mark> Highlighted text <mark> I hate you I hate you

</ mark>

Font Formatting

HTML Tag Description Sample Output

<font color> Font colour <font color="Red"> Tsang Ka Ho

Tsang</font> Ka Ho
<font face> Font type (typeface) <font face="fantasy"> 'GscD13 Ka Ho
Tsang</font> Ka Ho

****This feature is already outdated . It has been replaced by CSS to provide enriched formatting*** *
Classwork of Today:

Display today's date in the following format:

Title of the web page: SA99 CWl

Our school cherishes the precious time spent with the classmates at CFSS. Principals, 5.6 class teachers
and Student Council organized a graduation farewell party on 1st March 2024 to bid farewell to our 5.6

students.

You might also like