HTML Programming Notes
HTML Programming Notes
HTML Programming Notes
.
.
.
.
Types of text
Heading 1-6
H1: Very big and bold text
H2 Smaller heading still big and bold
<H1>Heading</H1>
<H2>Smaller Heading</H1>
Normal paragraph text
<P>
<P>Hello how are you</P>
<P>This is the second paragraph</P>
Changing Text
To center text:
Applicable with <P>
<H1 ALIGN="CENTER">
TITLE</H1>
To left
<H1 ALIGN="LEFT">TITLE</H1>
To right
<H1 ALIGN="CENTER">TITLE</H1>
To bold words within paragraph
<P>This is <STRONG>COOL!!!</STRONG></P>
Creates this "This is COOL!!!"
Lists
Ordered list tag Numbers
Ex:
1. One
<OL>
2. Two
<LI>One</LI>
3. Three
<LI>Two</LI>
<LI>Three</LI>
</OL>
Unordered list tag Bullet points
Ex:
One
<UL>
Two
<LI>One</LI>
Three
<LI>Two</LI>
<LI>Three</LI>
</UL>
Tables
NO LINE TABLE
1
2
3
4
<TABLE>
<TR><TD>1</TD></TR>
<TR><TD>4</TD></TR>
</TABLE>
LINE TABLE
1
2
<TABLE BORDER="1">
<TR><TD>1</TD></TR>
<TR><TD>4</TD></TR>
</TABLE>
Inserting Pictures
<IMG SRC="smiley.jpeg">
website
<IMG SRC="http://www.mangekeyo/sharingan.jpg">
border
<IMG BORDER="1" SRC..
resize
<IMG SRC="smiley.jpeg" WIDTH="300" HEIGHT="200"
center or right
<P ALIGH="CENTER"><IMG SRC="smiley.jpeg
insert picture in different file
<IMG SRC="/Pictures/smiley.jpeg">
in a file above you
<IMG SRC="../smiley.jpeg">
Hyperlinks
<A HREF="http://www.google.com">
a webpage in same folder
<A HREF="google.htm">
Another window
<A HREF="http://www.google.com" TARGET=_BLANK>