Scribd
Upload
41 views25 pages

04 HTML Version

HTML, or Hypertext Markup Language, is a standardized system for tagging text files to create web pages with various elements like headings, paragraphs, and links. It has evolved through several versions, from HTML 1.0 to HTML 5, each adding new features and capabilities for web development. The document also includes basic HTML tags and a step-by-step guide for creating a simple web page using a text editor.

Uploaded by

archillesjohn deguzman
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
41 views25 pages

04 HTML Version

HTML, or Hypertext Markup Language, is a standardized system for tagging text files to create web pages with various elements like headings, paragraphs, and links. It has evolved through several versions, from HTML 1.0 to HTML 5, each adding new features and capabilities for web development. The document also includes basic HTML tags and a step-by-step guide for creating a simple web page using a text editor.

Uploaded by

archillesjohn deguzman
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 25

HTML

HTML
• Hypertext Markup Language (HTML) is a World Wide
Web Consortium (W3C) standardized system for
tagging text files to have font, color, graphic, and links
to other World Wide Web pages.
• The most basic building block of the Web
• “Hypertext" refers to links that connect web pages to
one another, either within a single website or between
websites.
HTML
• HTML uses "markup" to annotate text, images, and other
content for display in a Web browser. HTML markup includes
special "elements" such as:
• <head>
• <title>
• <body>
• <header>, <footer>
• <p>
• many others
HTML
• HTML elements tell the browser how to display the
content.
• An HTML element is set off from other text in a document
by "tags", which consist of the element name surrounded
by “<“ and “>”.
• The name of an element inside a tag is case insensitive. It
can be written in uppercase, lowercase, or a mixture
Ex: <title> can be written as <Title>, <TITLE>, or in other way
HTML
• Originally developed by
Tim Berners-Lee while
at Conseil Europeen
pour la Recherche
Nucleaire (CERN)
HTML
• HTML was developed to make sure all devices will be
able to use the information on the Web.
• Computers with graphic displays of:
 varying resolutions
 color depth
 computer accessing via high or low bandwidth
 devices for speech input and output
 cellular phones, hand held devices, etc.
HTML VERSIONS
HTML 1.0 (1989-1994)
• The first version of HTML that supported inline images and text
controls.
• Very limited in terms of styling and presentation of content
• Does not support the following:
 Use of tables and frames
 Specify fonts
 Change page background
 Use forms

• Because of these limitations, web page looked similar with the background
and the type of font used.
HTML 2.0 (1995)
• This specifications supported more browsers.
• It also supports the following:
 forms with limited set of form elements such as text
boxes
 option buttons
 change of page background
 use of tables
HTML 3.20 (1997)

• This version included support for creating tables and expanded


options for form elements.
• Allowed web pages to include complex mathematical equations.
HTML 4.01 (1999)

• This version added support for style sheets and scripting ability for
multimedia elements.
• Focused on separating presentation styling information from the
actual content by the use of style sheets.
• The use of style sheets is possible to change appearance/look of
the website by changing just the style sheet itself.
XHTML (2000)

• XHTML stands for Extensible Hypertext Markup Language


• XHTML is a rewrite of HTML as an XML language. A more stricter
version.
• XML is used to create other markup languages in use today and
supported by all major browsers.
HTML 5 (2011)

• HTML 5 added more features without relying on non-standard


propriety technology including:
 audio
 video
 graphics
 client-side data storage
 interactive documents
HTML BASIC TAGS
• HTML Documents
All HTML documents must start with a document type declaration: <!DOCTYPE html>
The HTML document itself begins with <html> and end with </html>
The visible part of the HTML document is between <body> and </body>

• HTML Headings
HTML headings are defined with the <h1> & </h1> to <h6> & </h6> tags
<h1> defines the most important heading and <h6> defines the least important heading

• HTML Paragraphs
HTML paragraphs are defined with the <p> & </p>tag

• HTML Links
HTML links are defined with the <a href=“link”> & </a> tag
HTML BASIC TAGS
• HTML Images
HTML images are defined with the <img> tag
The source file (src), alternative text (alt), width, and height are provided as attributes
Example: <img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">

HTML Line Breaks


The HTML <br> element defines a line break.
The <br> tag defines a line break, and is an empty element without a closing tag

The style Attribute


The style attribute is used to add styles to an element, such as color, font, size, and more.
Example: <p style="color:red;">This is a red paragraph.</p>
HTML BASIC TAGS
• HTML Horizontal Rules
The <hr> tag defines a thematic break in an HTML page, and is most often displayed as a
horizontal rule.
The <hr> element is used to separate content (or define a change) in an HTML page
The <hr> tag is an empty tag, which means that it has no end tag.

HTML <pre> Element


The HTML <pre> element defines preformatted text.
The text inside a <pre> </pre>element is displayed in a fixed-width font (usually Courier),
and it preserves both spaces and line breaks.
ACTIVITY 1: HTML VERSIONS
• Web pages can be created and modified by using professional HTML
editors.

• However, for learning HTML we recommend a simple text editor like


Notepad (PC) or TextEdit (Mac).

• We believe that using a simple text editor is a good way to learn HTML.

• Follow the steps below to create your first web page with Notepad or
TextEdit.
ACTIVITY 1: HTML VERSIONS
Step 1: Open Notepad (PC) Step 1: Open TextEdit (Mac)
Windows 8 or later: Open Finder > Applications > TextEdit
Open the Start Screen (the window Also change some preferences to get the
symbol at the bottom left on your application to save files correctly. In
screen). Type Notepad. Preferences > Format > choose "Plain Text"

Then under "Open and Save", check the box


Windows 7 or earlier: that says "Display HTML files as HTML code
instead of formatted text".
Open Start > Programs > Accessories
> Notepad Then open a new document to place the code.
ACTIVITY 1: HTML VERSIONS
Step 2: Write Some HTML
ACTIVITY 1: HTML VERSIONS
Step 3: Save the HTML Page
 Save the file on your computer.
Select File > Save as in the Notepad
menu.

 Name the file “ICC VM.html" and


set the encoding to UTF-8 (which
is the preferred encoding for
HTML files).
ACTIVITY 1: HTML VERSIONS
Step 4: View the HTML Page
in Your Browser
 Open the saved HTML file
in your favorite browser
(double click on the file, or
right-click - and choose
"Open with").
ACTIVITY 1: HTML VERSIONS
Step 5: Submit a Screenshot
REFERENCES:

• https://developer.mozilla.org/en-US/docs/Web/HTML
• https://www.w3schools.com/html/
Activity 2
Code the given short love letter

You might also like