Scribd
Upload
3 views10 pages

Week 2-Creating Your First HTML Document - Web

The document outlines the types of web browsers and the significance of text editors in website creation. It explains HTML tags and elements, detailing their functions and structure, including examples of various tags like <html>, <title>, and <body>. Additionally, it covers text layout and formatting options in HTML, such as headings and paragraph breaks.

Uploaded by

Aga Tresvalles III
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
3 views10 pages

Week 2-Creating Your First HTML Document - Web

The document outlines the types of web browsers and the significance of text editors in website creation. It explains HTML tags and elements, detailing their functions and structure, including examples of various tags like <html>, <title>, and <body>. Additionally, it covers text layout and formatting options in HTML, such as headings and paragraph breaks.

Uploaded by

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

 Identify the different types of web browsers;

 Evaluate the importance of text editor in creating


a websites;

 Illustrate the use of html tags and elements.


What is Text Editor?
 a system or program that
allows a user to edit text such
Notepad or Notepad ++

 is a type of computer
program that edits plain text

Examples: Pico editor (on Unix),


Emacs editor (on Macro),
SimpleText (on Apple classic
Mac), Notepad and Notepad
++ (on Windows)
What is Web
browser?
 a software
application for
accessing
information on the
World Wide Web

 it retrieves the
necessary content
from a web server
and then displays
the page on the
screen
What is HTML Tag <html>?
 it is commonly defined as a
set of characters constituting
a formatted command for a
Web page

 this is represents the root of


an HTML document

 is the container for all other


HTML elements (except for
the <!DOCTYPE> tag)
HTML
 it specifies a set of tags that identify structure of the
document and the content type.

Tags
 this is enclosed in < >

<html>
 it specifies a HTML document

<title> and </title>


 this is use to enclose the title of a page
HTML element
 is an object enclosed by a pair (in most cases) of tags

 <title>My Home Page</title> - is a TITLE element

 <b>This text appears bold.</b> - is a BOLD element

 <p>Part of this text is<b>bold</b></p> - is a PARAGRAPH


element that contains a BOLD element
<head> element
 is where you include a <title> element (that appears in
the title bar of the browser). However, you can also include
lots of other type of information in the <head> element.
Example: author page, type of content and clues

<body> element
 it contains the main bulk of the material to be displayed
on the webpage
• Paragraphs
• Tables and lists
• Images
• JavaScript code
Text Layout:
For the most part, layout of the text is left to the browser
• (almost) every sequence of whitespace is interpreted as a single
space
• browser automatically wraps the text to fit the window size

Can override some text layout


• can specify a new paragraph (starts on a new line, preceded by a
blank line) using <p>…</p>
• can cause a line break using the <br/> tag (“self-closing” tag)
• can force a space character using the symbol for a “non-breaking
space”: &nbsp;
Separating Blocks of Text:
Can specify headings for paragraphs or blocks of text:
• <h1>…</h1> tags produce a large, bold heading
• <h2>…</h2> tags produce a slightly smaller heading
• <h6>…</h6> tags produce a tiny heading

Can insert a horizontal rule to divide sections:


• <hr/> draws line across window

You might also like