Hypertext Markup Language
Developed by Tim Berners-Lee in 1990 Stands for HyperText Markup Languange A format that tells a computer how to
display a web page. Plain text files (ASCII) with special "tags"
or codes that a web browser knows how to interpret and display on your screen.
HTML editor – where you type in/edit your HTML codes
◦Notepad – recommended for beginners◦SimpleText – default text editor of Mac◦Arachnophilia (freeware)◦Macromedia|Adobe Dreamweaver
(licensed)◦Microsoft Frontpage Editor (licensed)
Web browser – where you view your web page◦Internet Explorer◦Mozilla Firefox◦Opera
Building blocks of HTML
Controls the layout and formatting of the elements in HTML
The general format for an HTML tag is:
<tag_name>string of text</tag_name>
When a web browser displays a page, it reads an HTML file; then it looks for special codes or "tags" that are marked by the < and > signs.
To make a closing tag just add a / (backslash) to the starting tag.
Note: Most, but not all tags have a closing tag.
PARTS OF HTML TAG
<font face=“Times New Roman”>HTML SERIES 10 </font>
TAG ATTRIBUTE TEXT CLOSING TAG
Note: Make sure to start with <html> and end with </html>.
The required elements in every HTML file are the following tags:
o <HTML> </HTML>o <HEAD> </HEAD>o <TITLE> </TITLE>o <BODY> </BODY>
Note: HTML is not case sensitive. So either <HTML>, <html> or <HtMl> is okay.
<HTML> </HTML>The HTML tag defines an HTML document.
<HEAD> </HEAD>Identifies the first part of your HTML-coded
document that contains the title.
<TITLE> </TITLE> Typically displayed in the title bar at the top
of the browser window, but not inside the window itself.
Defines the title of an HTML document.
<BODY> </BODY> Introduces the body of the document Contains the content of your document
An HTML document that defines the format and structure of the document.
Highlights important topics and the nature of the document.
Syntax:<H#> - start of heading</H#>- end of heading
Where:# is a number from 1 to 6
ALIGN – changes the alignment of the headings
Values:o LEFTo RIGHTo CENTERo JUSTIFY
EX: <H1 ALIGN=“LEFT”> Heading 1 </H1>
TITLE – enables the user to include advisory text that is displayed when a user places the mouse pointer over the heading
Example:<H1 TITLE=“Important_Heading”>
Heading 1 </H1>
Used to introduce any line breaks
<BR> - place where the line break is to be inserted
Define how text should be displayed on the browser
Control the physical characteristics of the text
There are 10 physical tags in HTML
o ITALIC – formats text to italicExample: <I>Italic</I>Result: Italic
o SUPERSCRIPT – superscripts the textExample: <SUP>Subscripted</SUB>Result: Superscripted
o SUBSCRIPT – subscripts the textExample: <SUB>Subscripted</SUB>Result: Subscripted
o TYPEWRITER – uses typewriter font as text fontExample: <TT>Typewriter</TT>Result: Typewriter
o BIG – uses bigger font sizeExample: <BIG>Big</BIG>Result: Big
o SMALL – uses smaller font sizeExample: <SMALL>Small</SMALL>Result: Small