2024: Domino Containers - The Next Step. News from the Domino Container commu...
Deepshikha html
1. Learning HTML
HTML (Hyper Text Markup Language) is the language used
to write Web pages
Presented by:
Deepshikha Bisaria
IT-8th
sem
0928IT091019
2. Saving Your Work
All projects should be saved this way.
File Name. HTML
Save As Type (Text Document)
Make sure you know where you are saving.
Click name your work and save as .
3. Declaration
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
!DOCTYPE HTML PUBLIC proclaims this is an HTML
document type that can be read by public
browsers.
-//W3C represents the HTML organization that
denotes what HTML commands are to be used and
what are not.
//DTD HTML 3.2 stands for Document Type Description
HyperText MarkUp Language (version) 3.2.
//EN means the document will be written in the
English language.
4. HTML
Text editor – Word Pad or Note Pad.
We will use Word Pad.
To find Word Pad click start, programs,
accessories, then Word Pad.
5. Let’s create a template
Let’s start by creating 8 pairs of less than
and greater than symbols.
Please do not use the space bar.
<><><><><><><><>
6. Put the less than and greater
than signs in a column.
<><><><><><>
Place your cursor between a pair of less
than greater than signs and press enter on
your keyboard.
<>
<>
7. Structure Tags
<HTML> .....</HTML> Opens and closes all HTML
documents.
<HEAD> ….</HEAD> Encloses document header.
<TITLE> …..</TITLE> Contains the document’s
assigned title.
<BODY> ….</BODY> Contains the body of the
HTML document.
/ means this is a closing tag.
8. More Structure Tags Character
Formatting
<B>...</B> Bold text.
<I>...</I> Italic text.
<U>...</U> Underlined text.
<center>..</center> center text
.
9. <font size”..”> </font size”..”> text size 1-7
<OL>...</OL> An ordered (numbered)
list.
<UL>...</UL> An unordered (unnumbered),
bulleted list.
<LI> A list item
10. Attributes:
BGCOLOR="..." Sets background color.
TEXT="..." Sets color of text.
LINK="..." Sets color of unvisited links.
VLINK="..." Sets color of visited links.
11. Headings
H1>...</H1> -- <H6>...</H6>
Used to set size of headings. Values of 1
through 6; with 1 being the largest, 6 the
smallest.
12. Paragraphs
<P> Used to denote a plain paragraph.
Links <A>....</A> Creates a link to
another document or anchor. Attributes:
HREF"..." The URL of a document to which
a given document is linked. NAME"..."
Denotes an anchor name.
13. Lists
<OL>...</OL> An ordered (numbered)
list.
<UL>...</UL> An unordered
(unnumbered), bulleted list.
<LI> A list item.
15. More Tags
<BR> A line break.
Attributes: CLEAR="..." Causes text to stop
flowing around images - possible values
are LEFT, RIGHT and ALL.
16. Images
<IMG> Used to place an image into a
document.
Attributes: SRC="..." Information as to an
image's physical location. ALT="..."
Alternate text to be displayed should an
image be missing, or images are turned
off in browser.
ALIGN="..." Determines horizontal image
alignment; either LEFT or RIGHT.
VALIGN="..." Determines vertical image
alignment; either TOP, MIDDLE, or
BOTTOM.
17. Images
WIDTH="..." The width in pixels of an image.
HEIGHT="..." The height in pixels of the
image.
BORDER="..." Creates a border around a
linked image.
"BORDERCOLOR=" may also be specified.
18. Tables
<TABLE>...</TABLE> Creates a table.
Attributes: BORDER="...." Indicates whether
a table should have a border. May also
specify a value indicating the width of a
border.
19. Tables
CELLSPACING="..." Specifies amount of
space between cells in a table.
WIDTH="..." Specifies width of a table,
either in pixels or as a percentage.
<TR>...</TR> Defines a table row.
<TD>....</TD> Defines a table data cell.
**found in a <TR>....</TR>.