ICT-HTML

Created by

URIEL

Cards (99)

HTML 
(HyperText Mark-up Language)
Starting with HTML
HTML Versions Timeline 
Based on SGML (Standard Generalized Mark-up Language), an internationally agreed upon method for marking up text into structural units
1st version of HTML standard was introduced in 1991
2nd version of HTML standard was introduced in 1994
November 24, 1995 – HTML 2.0 was published as IETF RFC 1866
January 1997 – HTML 3.2 was published as a W3C Recommendation
December 1997 – HTML 4.0 was published as a W3C Recommendation
W3C 
An international consortium of companies involved with the Internet and the Web. The W3C was founded in 1994 by Tim Berners-Lee, the original architect of the World Wide Web.
Elements of a Web Page 
TITLE
HEADING
HORIZONTAL RULES
IMAGE
IMAGEMAP
NORMAL TEXT
BACKGROUND
TITLE 
Displays the browser's title. It is the name assigned to the page if you add it to the browser's list of favorites.
HEADING 
A larger font size text, usually bold or italic in style, showing the different sections of a page.
HORIZONTAL RULES 
Inline images that display lines across the page to separate different sections.
IMAGE 
Graphics, icons, bullets, line photos, or pictures that are not part of the HTML file.
IMAGEMAP 
A type of inline image that defines hotspots.
NORMAL TEXT 
The text that makes up the main content of the Web page.
BACKGROUND 
The wallpaper of the web page.
Tags and their Functions
<HTML> </HTML>
<HEAD> </HEAD>
<TITLE> </TITLE>
<BODY> </BODY>
<HTML> and </HTML> 
All HTML documents start with these tags. This pair identifies the document's contents to the Web browser as HTML.
<TITLE> and </TITLE> 
The title appears in the title line of the browser window. It is used as a bookmark when user wants to bookmark the Web page.
<BODY> and </BODY> 
This is where the content of the Web page is located.
Heading Tags for Formatting Text 
<H1> and </H1>
<H2> and </H2>
<H3> and </H3>
<H4> and </H4>
<H5> and </H5>
<H6> and </H6>
<Hn> and </Hn> 
This indicates the beginning and the end of the heading section. "H" represents the heading and "n" represents the size. <H1> is the largest and <H6> is the smallest.
Write an HTML document in Notepad.
Formatting Text Tags 
<P>
<HR>
<BR>
<P> 
Indicates the beginning of the paragraph and inserts a blank line before and above the paragraph.
<HR> 
Inserts a horizontal line.
<BR> 
Breaks a line text and marks the start of a new line.
Creating pages using HTML tags allows you more exact appearance on your Web pages.
Types of Lists
Unordered List
Ordered List
Definition List
Unordered List 
Bullet characters appear in place of the number next to the item, works well for listing of items equally important and order does not matter
Ordered List 
Sequential numbers appear, an ideal format for steps, rankings, and other sets of information for which order is stressed
Definition List 
Denotes a definition list
Unordered List Tags 
<UL>
<LI>
<UL>Text</UL> 
Also known as unnumbered or bulleted list, formats information as bullet points. This tag creates an unordered or bulleted list
<LI>list item 
Denotes an item on the list
Ordered List Tags 
<OL>
<LI>
<OL>list item content</OL> 
Create an ordered or numbered list
Definition List Tags 
<DL>
<DT>
<DD>
<DL>terms and definition content</DL> 
Denotes a definition list
<DT>term being defined content</DT> 
Contains a term to be defined in the definition list
<DD>term definition content</DD> 
Contains a term's definition
Types of Text Formatting
Text-level Formatting
Block-level Formatting
Text-level Formatting 
Formatting for a text or a group of text. There are two types: the Font Format and the Phrase Format
Block-level Formatting 
Controls the paragraph or block of paragraphs. You can indent, left or right align or center a paragraph or blocks of paragraphs. You can even put a horizontal line within paragraphs.