7/22/2019 HMTL Lesson One

http://slidepdf.com/reader/full/hmtl-lesson-one 1/2

Lesson One -> HTML Coding

http://www.w3schools.com/tags/tryit.asp?

ilename!tryhtml"image"test 

Used to test HTML Coding 

#a hre!$http://lin% here$>te&t here#/a> is a code for links

#img src!$lin% here$ /> is a code for images

There are several codes that don't need a </ >

such as the img tag and br (line break' #(r />

#p> = paragraph

#i>#/i> means italics, as well as #em>#/em>

#(>#/(> means bold, as well as #strong>#/strong>

#s>#/s> means Strike Through

#)>#/)> means underline

*n(sp+ represents a blank space

!g! my*n(sp+name*n(sp+is*n(sp+dea = "# name is dea

#p>*n(sp+#/p> will give a blank paragraph

#a name!$name here$>te&t here#/a>

#a hre!$,name here$>te&t here#/a>

The one with the <a name> tag will be the one that #ou will $ump to

<a href> will be the thing that #ou click

%name here% must be the same for both <a name> and <a href>

To alter font use the brackets #ont>#/ont>

#ont sie!$sie here$>#/ont> changes si&e

#ont color!$red$>scott#/ont> changed colour

#ont color!$(l)e$>#ont sie!$$>$te&t here$#/ont>#/ont> changed

both

This can also be done b# using

7/22/2019 HMTL Lesson One

http://slidepdf.com/reader/full/hmtl-lesson-one 2/2

#span style!$color:red+ ont-sie:0pt+$>1cott#/span>

#(ody (gcolor!$(l)e$>te&t here#/(ody> ill change the background

color of the website, background colours can either be a name or a ) figure

combination !g *++++++ = lack (This is called -e.adecimal olor ode0The onl# digits/alphabets #ou can use for he.adecimal color codes are + 1

2 3 4 5 ) 6 7 8 a b c d e f

#a hre!$mailto:223245mca)ley.org.)%$>6mail M#/a> will give a link

for someone to email #ou

#ol> = ordered list

#)l> = un9ordered list

#ol>#li>ma pepper

#li>ma hog

#li>ma (ag

#/ol>

 will give #ou

. ma pepper

0. ma hog

3. ma (ag

#)l>

#li>ma pepper

#li>ma hog

#li>ma (ag

#/)l>

 will give #ou

- ma pepper- ma hog

- ma (ag