Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd
Upload
531 views

Formatting Notes

The document provides an overview of HTML including: - The history of HTML beginning with Vannevar Bush's proposal of hypertext in 1945 and Tim Berners-Lee inventing the World Wide Web, HTML, HTTP and URLs in 1990 in Switzerland. - The different types of HTML tags - paired tags which have opening and closing tags, and empty tags which do not have a closing tag. - Common HTML tags like <html>, <head>, <title>, <body> and how they are used. - Text formatting tags such as <h1>-<h6> for headings, <b> for bold, <i> for italic, <u> for underline, <p

Uploaded by

api-321367518
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
531 views

Formatting Notes

The document provides an overview of HTML including: - The history of HTML beginning with Vannevar Bush's proposal of hypertext in 1945 and Tim Berners-Lee inventing the World Wide Web, HTML, HTTP and URLs in 1990 in Switzerland. - The different types of HTML tags - paired tags which have opening and closing tags, and empty tags which do not have a closing tag. - Common HTML tags like <html>, <head>, <title>, <body> and how they are used. - Text formatting tags such as <h1>-<h6> for headings, <b> for bold, <i> for italic, <u> for underline, <p

Uploaded by

api-321367518
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 25

HTML

LESSON 101
Teacher Kayla

HISTORY OF HTML
VANNEVAR

BUSH First who proposed


the basics of hypertext in 1945
TIM BERNERS-LEE Invented the World
Wide Web, HTML, HTTP, URL in 1990. He
was the primary author of HTML in Switz
erland

HTML TAGS
Tags are the objects used to arrange
text or image in an HTML document. HTM
L tags can be divided into two types. They
are paired and empty tags.

Paired Tags
Tags that have starting and ending tags.
Starting tag is also called as opening tag
and ending tag is also called closing tag.
Example: <head> </head>

Empty Tags
Tags that do not have an ending tag
Example: <br>

<HTML> Tag
The

<html> tag tells the browser that


this is an HTML document.

The

<html> tag represents the root of


an HTML document.

<head> Tag
The

<head> element is a container for all the head elements.


The <head> element can include a title for the document,
scripts, styles, meta information, and more:
<title> (this element is required in an HTML document)
<style>
<base>
<link>
<meta>
<script>
<noscript>

TEXT FORMATTING
<html>

<body>

<h1>My First Heading</h1>


</body>
</html>

(heading1.html)

TEXT FORMATTING
HTML Headings
HTML headings are defined with the <h1>
to <h6> tags.
Example
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

TEXT FORMATTING.html
Bold
<b>This is a bold text.</b>
Italic
<i>This is an italicized text.</i>
Underlined
<u>This is an underlined text.</u>

TEXT FORMATTING
Paragraph
<p>This is a new paragraph.</p>
Line Break
This is a sentence. <br>
This is a new line. <br>

Non breaking space


&nbsp = 1 space
&nbsp&nbsp = 2 spaces
&nbsp&nbsp&nbsp = 3 spaces
Example:
&nbsp This sentence has a tab.

Alignment.html
Center
<center>This text will be center-aligned.</
center>
<p align=center">This is in the center</p>
Right
<p align="right">This is in the right.</p>
Left
<p align=left">This is in the left.</p>

Try it by yourself!
1.
Hello world!
2. Sura Nari Witthaya School
3. My name is Taylor Swift. I am a
singer and a song writer. I was born in US
A and I am 26 years old.
4. BLANK SPACE
5. Computer
Subject

Color Formatting
Background.html

<HTML>
<BODY BGCOLOR=red>
Page with red background.
</BODY>
</HTML>

Color Formatting

These are set in RGB colors which


are represented by Hexadecimal
values.

Font colors
color.html
<HTML>
<BODY>
<FONT COLOR=RED>
Font with red color.</font>
</BODY>
</HTML>

Text colors
http://www.w3schools.com/colors/colors_
names.asp

Font Face
font.html
<HTML>
<BODY>
<FONT face= verdana
COLOR=RED>
Font with red color.</font>
</BODY>
</HTML>

Text Marquee
<marquee>This text will scroll from right to left.</
marquee>
<marquee direction="right">This text will scroll from left to
right. </marquee>
<marquee behavior="alternate"> This text will scroll from
alternate sides.</marquee>
<marquee width=50%">This example will take only 50%
width</marquee>

Text Marquee
<marquee scrollamount=20> This is
an example of a fast Marquee </marquee>
<marquee scrolldelay=10> This is an
example of a slow Marquee </marquee>

You might also like