Scribd
Upload
5 views

Introduction To HTML

Uploaded by

Misa Zivanovic
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
5 views

Introduction To HTML

Uploaded by

Misa Zivanovic
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 12

Introduction to

HTML
Objectives

1. Students will understand what HTML is, how it works, and


its role in web development.
2. Students will be able to create a basic HTML page
structure.
3. Students will create an HTML document for a simple
webpage using basic HTML tags.
Materials

Computers with internet access

Text editor (e.g., Notepad++, Sublime Text, Visual Studio Code)


Introduction

My name is Misa.

38 years old.

I am a Computer Science teacher.

And a full stack web developer ( both backend and frontend ).


What is HTML?

HTML, or HyperText Markup Language, is the standard markup language used to create the
structure and presentation of content on the World Wide Web. It consists of a set of markup
tags and elements that define the structure and formatting of web pages. HTML allows web
developers to structure content into headings, paragraphs, lists, links, images, forms, and
more, providing the basic building blocks for creating web pages.

The "hyper" in HTML refers to the ability to create hyperlinks, which allow users to navigate
between different web pages and resources by clicking on text or elements within a page.
The "markup" aspect involves using special tags or codes within the HTML document to
designate how content should be displayed and organized in a web browser.
What is HTML?

HTML documents are text files written using a specific syntax that includes opening and
closing tags, attributes, and content within those tags. Tags are used to define the beginning
and end of elements, and they usually come in pairs. The content between these tags is
what gets displayed on the webpage.

Overall, HTML forms the backbone of the web, providing the structure that enables
browsers to render web content and allow users to interact with it.
Basic structure of an HTML document:
<html>, <head>, <title>, <body>

The basic structure of an HTML document consists of the following main elements: <html>,
<head>, <title>, and <body>. These elements are essential for organizing and presenting
content within a web page. Let's explain each of them:
Example
<html> Element:

The <html> element is the root element of an HTML document and serves as the container for all
the content on the page.

It encompasses the entire HTML structure, including the <head> and <body> elements.

<head> Element:

The <head> element contains meta-information about the document, such as the page title,
character encoding, links to external stylesheets, and other metadata.

This information is not displayed directly on the webpage but is crucial for browser rendering and
search engine optimization.
Example
<title> Element:

The <title> element is placed within the <head> section and defines the title of the web page, which
appears in the browser's title bar or tab.

It provides a brief and descriptive title that helps users identify the content of the page.

<body> Element:

The <body> element contains the main content of the web page that is displayed in the browser
window.

It includes text, images, links, headings, paragraphs, and other HTML elements that make up the
visible content of the page.
Putting it all together, a simple HTML
document with these elements would look
like this:
Some very useful tags

<h1> is used for the main heading.

<p> is used for paragraphs of text.

<a> is used for creating hyperlinks to other web pages


Homework

Homework: Create an HTML document for a simple


webpage about a topic of your choice,
using basic tags like <h1>, <p>, and <a>.

You might also like