LectureNote-01
��������� �
���
�������������������������� �������������
����
�����������
��� �� !!"�
#$%&&'()'*$&'+(,,(-'./&'()'01213+%45*'
6�7898:;8<=>89=?@:
6�AB8CD:EF8GE:8@>:H?
?;DHE:
6�I<=>D:IJ?FE:
K:7LM:B8@=GN<89=?@O::
:
P#QR'
SMT:?H:UVGDHSDW9:M8HXNG:T8@CN8CD:=E:9JD:E98@>8H>:B8HXNG:<8@CN8CD:NED>:9?:YHD89D:FDZ:G8CDEO::
:
:
:
:
:
:
:
:
:
:
:
:
[\]̂ _̀abcdefghid
[efghdhjklmnoknid
dddd[eojpid
dddddddd[gofjdqejrsofmntfuvwnid
dddddddd[fxfhoìxfhodeoro[yfxfhoid
dddd[yeojpid
dddd[z{p|id
dddddddd[e}i~ojpxkl[ye}id
dddddddd[ijdjrjlrjed[yid
dddd[yz{p|id
[yefghid
��������� �
���
�������������������������� �������������
����
�����������
��� �� !!"�
#$%&'$%&()*$+*(&,*-,.,'/01,+(*/2*(&,*#345*)(6+-67-)*
8
#345*9(6+-67-*
:� ;<=�>?@AB�>CB=�>=D��?EF?@GCHI�CF�G<=�IJCE�CEG=@EJGC?EJA�FGJEBJ@BF�?@KJECLJGC?E�M?@�G<=�>?@AB�>CB=�
=DN�>COCP=BCJ��
QQRRRNR"N?@KQ��
QQRRRNR"N?@KQ;�Q
:� ;<=�>=D�TUP=@G=VG��PPACWJGC?E�;=W
?@OCEK��@?HP�X>T�;>�Y�CF�J�W?IIHECGU�?M�P=?PA=�
CEG=@=FG=B�CE�=Z?AZCEK�T; [�JEB�@=AJG=B�G=WQQ=ENRCOCP=BCJN?@KQRCOCQ>T�;>��
8
:�\]̂_̀a8b\cd8e8fg8_h8b\cd8gijkflfk_mf]h8mn_m8ojip_kjg8q]mn8b\cd8r8_ĥ8sb\cd8tu8vg8_8ojgwpma8mnjoj8
xfpp8qj8h]8p]hyjo8qj8_8̂fgmfhkmf]h8qjmxjjh8b\cd8_ĥ8sb\cdu8
:�z{|}~~~
~~~~~~~8
8
8
��������� �
���
�������������������������� �������������
�����
��������� �
��� ���!!"�
#$%&$'()*+,-./0+,100-%+2#,,3+
4
567869:;<4=>?@A4=BAA>74C5==D46EA4F7A94>G48G;>EG@4BGH4HAI4J6BA4KG;>7L4
8G@GE7L4IGE9AE7L47J68:;4GK4>BA4J6567869:;<4=>?@A4=BAA>74C5==D4:74647>?@A47BAA>4@6;BA4@GGN46;94KGEO6
:;<4GK464
9G8FOA;>4HE:
A;4:;464O6ENFJ4@6;4
4
4
4
4
QRR/%+SRT+U0V+'0W0/RXY0)-+
ZG48EA6>A46;94A9:>4>BA4[Z\]46;945==4K:@A74KGE464HAI7:>AL4?GF4;AA94A:>BAE464>Â>4A9:>GE4GE46;4_̀a4
C_;>AA94̀AbA@GJOA;>4a;b:EG;OA;>D4KGE4HAI49AbA@GJOA;>M44
Q0c-+d'(-RT%+
eJ>6;64=>F9:G4PPPPPPPPPPfghijklmmn PPPPPPPPPoiphnqrkstuirn 4
4
4
vwxyz{|}w~w}}}{|}~}
}|yw{{
{{
{{{z|yw||}}y{
{{{w|{w}{
{
COURSE NAME: Web Development Fundamentals XXXXXXXXXXPAGE: 1
COURSE CODE: COMP 1223
COMP1223
Web Development Fundamentals
WEEK
2
L E C T U R E N O T E
Book: Murach's HTML5 and CSS3
Week: 2
Chapters: 2 and 3
Autho
s: Maziar Masoudi
© 2014
External Sources:
http:
www.murach.com
ooks/htm5/index.htm
http:
www.murach.com
ooks/htm5/index.htm
COURSE NAME: Web Development Fundamentals XXXXXXXXXXPAGE: 2
COURSE CODE: COMP 1223
Table of Contents
Contents
Objectives .................................................................................................................................. XXXXXXXXXX3
Syntax ......................................................................................................................................... XXXXXXXXXX4
Basic struture of an HTML document .................................................................................... XXXXXXXXXX4
How to code elements and tags ............................................................................................ XXXXXXXXXX5
How to code attributes .......................................................................................................... XXXXXXXXXX5
Empty tag with attributes .................................................................................................. XXXXXXXXXX5
Boolean attribute ............................................................................................................... XXXXXXXXXX5
Common attributes to identify html elements .................................................................. XXXXXXXXXX6
HTML COMMENT and Withespace ........................................................................................ XXXXXXXXXX6
Coding Recommendations ..................................................................................................... XXXXXXXXXX6
Validation ............................................................................................................................... XXXXXXXXXX7
Chapter 2 Summary ............................................................................................................... XXXXXXXXXX8
How to code the head section ................................................................................................... XXXXXXXXXX9
SEO guidelines for the title tag ...............................................................................