Introduction to HTML: Understanding Tags, Text Formatting, and Page Structure, Assignments of Advanced Computer Architecture

An introduction to HTML, a markup language used to create web pages. Learn about tags, text formatting, and the common structure of all web pages. Discover how to create headings, format text, and insert images.

Typology: Assignments

2019/2020

Uploaded on 12/02/2020

bsit-1-a-file-storage
bsit-1-a-file-storage 🇵🇭

5

(1)

3 documents

1 / 36

Toggle sidebar

This page cannot be seen from the preview

Don't miss anything!

bg1
Introduction to HTML
pf3
pf4
pf5
pf8
pf9
pfa
pfd
pfe
pff
pf12
pf13
pf14
pf15
pf16
pf17
pf18
pf19
pf1a
pf1b
pf1c
pf1d
pf1e
pf1f
pf20
pf21
pf22
pf23
pf24

Partial preview of the text

Download Introduction to HTML: Understanding Tags, Text Formatting, and Page Structure and more Assignments Advanced Computer Architecture in PDF only on Docsity!

Introduction to HTML

Definitions

▪W W W – World Wide Web.

▪URL – Uniform Resource

Locator.

▪Browser – A software program

which is used to show web

pages.

HTML TEXT EDITOR

What is HTML?

HTML, otherwise known as HyperText Markup Language, is the language used to create Web pages Using HTML, you can create a Web page with text, graphics, sound, and video

Tags

The essence of HTML is tags A tag is a keyword enclosed by angle brackets ( Example: ) There are opening and closing tags for many but not all tags; The affected text is between the two tags

More Tags...

The opening and closing tags use the same command except the closing tag contains and additional forward slash / For example, the expression Warning would cause the word ‘Warning’ to appear in bold face on a Web page

Structure of a Web Page

All Web pages share a common structure All Web pages should contain a pair of , , , and <BODY> tags <HTML> <HEAD> <TITLE> Example

This is where you would include the text and images on your Web page.

The Tag

Choose the title of your Web page carefully; The title of a Web page determines its ranking in certain search engines The title will also appear on Favorite lists, History lists, and Bookmark lists to identify your page

Text Formatting Tags

Bold Face Italics Underline

New Paragraph


Next Line

Changing the Font

The expression … can be used to change the font of the enclosed text To change the size of text use the expression …. where n is a number between 1 and 7

Headings

Web pages are typically organized into sections with headings; To create a heading use the expression …. where n is a number between 1 and 7 In this case, the 1 corresponds to the largest size heading while the 7 corresponds to the smallest size <

Aligning Text

The ALIGN attribute can be inserted in the

and tags to right justify, center, or left justify the text For example, The New York Times would create a centered heading of the largest size

## The Infamous Blink Tag

It is possible to make text blink using the … tag However, it is best to use this feature at most sparingly or not at all; What seems like a good idea to a Web designer can become very annoying to a Web user The tag is not supported by Internet Explorer

Page Formatting

To define the background color, use the BGCOLOR attribute in the tag To define the text color, use the TEXT attribute in the tag To define the size of the text, type