Scribd
Upload
2 views3 pages

HTML Web Design Study Guide

This study guide provides an overview of HTML, the standard language for creating and structuring web pages. It covers key concepts such as the structure of an HTML document, common HTML tags, and the use of HTML editors. Additionally, it outlines important rules for writing HTML code and includes a quick example of an HTML page.

Uploaded by

mthatolondeka
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
2 views3 pages

HTML Web Design Study Guide

This study guide provides an overview of HTML, the standard language for creating and structuring web pages. It covers key concepts such as the structure of an HTML document, common HTML tags, and the use of HTML editors. Additionally, it outlines important rules for writing HTML code and includes a quick example of an HTML page.

Uploaded by

mthatolondeka
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

■ HTML / Web Design Study Guide

1. What is HTML?

HTML = HyperText Markup Language. It is the standard language used to create and structure web
pages. HTML uses tags (inside < >) to tell the browser how to display content.

2. Websites, Web Pages, Hyperlinks & URLs

- Website: A collection of related web pages (e.g., [Link]).

- Web page: A single page within a website (e.g., [Link]/maps).

- Hyperlink: A clickable link that takes you to another page or site. Example: <a
href="[Link]

- URL (Uniform Resource Locator): The address of a web page (e.g., [Link]

3. HTML Editors

A program used to write and edit HTML code. Examples: Notepad, Visual Studio Code, Sublime
Text, Brackets.

4. HTML Document Structure


<!DOCTYPE html>
<html>
<head>
<title>My First Web Page</title>
</head>
<body>
<h1>Welcome!</h1>
<p>This is my first paragraph.</p>
</body>
</html>

Explanation:

- <html> … </html> → The entire document

- <head> … </head> → Page information (not displayed directly)

- <title> … </title> → The name of the page shown in the browser tab
- <body> … </body> → The visible content (headings, text, images, links, etc.)

5. Common HTML Tags

a) Headings

<h1>Main Heading</h1>
<h2>Subheading</h2>
<h6>Smallest heading</h6>

b) Paragraphs & Line Breaks

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<br> <!-- Inserts a line break -->
<hr> <!-- Inserts a horizontal line -->

c) Text Formatting

<b>Bold text</b>
<i>Italic text</i>
<u>Underlined text</u>

d) Links

<a href="[Link] Google</a>

6. Key Rules for HTML

■ Tags usually come in pairs: <p> … </p>

■ Some tags are self-closing: <br>, <hr>

■ Always save your HTML file with a .html extension

■ Browsers (like Chrome, Edge, Firefox) are used to view web pages

■ Quick Example Page


<!DOCTYPE html>
<html>
<head>
<title>Study Guide Example</title>
</head>
<body>
<h1>Welcome to HTML</h1>
<p>This is a <b>bold</b> and <i>italic</i> example.</p>
<hr>
<p>Visit <a href="[Link] Website</a></p>
</body>
</html>

You might also like