Learning HTML

1
Learning HTML

• Week 6

2
Every Web Page Has the Same Basic Structure

• ltHTMLgt
• ltHEADgt
• ltTITLEgtThe title of your page
• lt/TITLEgt
• lt/HEADgt
• ltBODYgt
• The guts of the web page, text, graphics, links
  and so on.
• lt/BODYgt
• lt/HTMLgt

3
ltHEADgt

• ltHEADgt
• ltTITLEgtBarbaros Ozdogan Internet Business Systems
• lt/TITLEgt
• lt/HEADgt
• It is as simple as it sounds-The title element
  names your document, like title of a book.
• Every HTML document you create should include a
  title-and only one title-within the HEAD element.

Title
4
ltBODYgt tag

• The body section of all WWW documents is defined
  by the ltBODYgt element.
• It has both an opening tag, ltBODYgt, to show where
  your information starts and a closing tag,
  lt/BODYgt, that indicates where the data ends.

5
ltBODYgt

• ltHTMLgt
• ltHEADgt
• ltTITLEgtThe title of your page
• lt/TITLEgt
• lt/HEADgt
• ltBODYgt
• The guts of the web page, text, graphics, links
  and so on.
• lt/BODYgt
• lt/HTMLgt

6
(No Transcript)
7
Working With Tables
ltTablegt
lt/TRgt
ltTRgt
lttdgt200 lt/tdgt
ltTDgt
lt/TRgt
ltTDgt
ltTRgt
lttdgt500 lt/tdgt
ltTDgt
lt/TRgt
ltTRgt
lttdgt300 lt/tdgt
lt/TRgt
lttdgt2100 lt/tdgt
ltTRgt
lt/TRgt
ltTRgt
lttdgt2200 lt/tdgt
lt/Tablegt
8
Code for the previous slide

• ltTRgt
• ltTDgt200lt/TDgt
• ltTDgt500lt/TDgt
• ltTDgt300lt/TDgt
• ltTDgt2100lt/TDgt
• ltTDgt2200lt/TDgt
• lt/TRgt

9
ltthgt Withdrawals lt/thgt
ltthgtDate lt/thgt
lt/TRgt
ltTRgt
HTML Code for creating Table Header ltTRgt
ltTHgtDatelt/THgt ltTHgtActivitylt/THgt
ltTHgtWithdrawalslt/THgt ltTHgtDepositslt/THgt
ltTHgtBalancelt/THgt lt/TRgt
10
Below you can find the code to create A header
and a sub header. This code starts right after
the opening ltbodygt tag
ltH1gt (opening header tag, 1 represents the font
size) ltBgt(Bold)Naugatuck Savings
Banklt/Bgt lt/H1gt(closing header tag) ltPgt(paragraph
space) ltPgt(Paragraph space) ltH3gt(Another header
tag, 3 represents a smaller font size) ltIgt(Italic
font)Subsidiary of Dewey, Cheatem, and
Howelt/Igt(End of italic font) lt/H3gt(End of the
second header tag)
11
How do we create one cell That has the width of
5 columns
1- Create one row ltTRgt lt/TRgt 2-Within the TR
tags create one TD block ltTDgt lt/TDgt This will
create one cell within one row. But the goal is
to create cell that has 5 column width. So to
do that we will use the colspan element and we
will include that Within the opening lttdgt gt
lttd colspan5gt Activity of Dewey, Cheatem and
Howe lt/TDgt
12
Creating a Link to a Web Page

• Anchor Tag

To create a link we use the Anchor tag ltA
hrefwww.Naugatucks.comgt Naugatucks.com lt/Agt
What is displayed on the browser
Actual URL