HTML Programming Notes

Download as doc, pdf, or txt
Download as doc, pdf, or txt
You are on page 1of 5

Binula Illukpitiya

HTML Programming Notes


7/9/15
HTML Programming: Hyper Text Markup Language Programming

Most webpages programed with HTML (Main programming language)


Simple language to learn
Uses Notepad to create documents
HTML 4 currently used
HTML 5 next standards

What to know about HTML


It is a static language (Creates a static webpage)
When you create an HTML webpage the suffix has to be
.htm or .html
Text.htm.txt wont work
When uploading the webpage the homepage has to be called
default.htm, default.html, index.htm, index.html.
On windows server capitalization doesnt matter.
On a lenex server capitilization does.
Ex: Windows-default.htm=DefAulT.hTm
Ex: Lenex-default.htm not equal to DefAulT.hTm
USE LOWERCASE ALWAYS
Shouldn't use deprecated code
Example
<HTML> Opens page
<HEAD>Opens head
<TITLE>This is cool</Title>
</HEAD>Closes head
<BODY>
.
.
Webpage
.
.
</BODY>

.
.
.
.

</HTML> Closes Page

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>

You might also like