Scribd
Upload
39 views

Intro To WEB Introduction To HTML. Live Code Session

This document provides an introduction to HTML and its basic structure and elements. It discusses that HTML is the standard markup language used to create web pages and is made up of elements denoted by tags. It then describes the basic HTML page structure which includes <DOCTYPE>, <html>, <head>, and <body> tags. The <head> tag contains metadata about the page like the title while the <body> contains visible page content. Finally, it lists some common HTML tags used in the <body> like headings, paragraphs, links, images, and forms.

Uploaded by

Salsabil Idriss Omar
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
39 views

Intro To WEB Introduction To HTML. Live Code Session

This document provides an introduction to HTML and its basic structure and elements. It discusses that HTML is the standard markup language used to create web pages and is made up of elements denoted by tags. It then describes the basic HTML page structure which includes <DOCTYPE>, <html>, <head>, and <body> tags. The <head> tag contains metadata about the page like the title while the <body> contains visible page content. Finally, it lists some common HTML tags used in the <body> like headings, paragraphs, links, images, and forms.

Uploaded by

Salsabil Idriss Omar
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 10

Planning

 Intro To WEB
 Introduction To HTML.
 Live code session
Intro To WEB
Intro To HTML
WHAT IS HTML

 HTML means Hyper Text Markup Language and


is the standard markup language for creating
Web pages.
 EVERY textual or visual content you see in a
website is based on HTML.
 HTML elements (<> tags) are the building
blocks of HTML pages
HTML STRUCTURE
 Every html code is written inside a
“.html” file.
 The html file structure is always the
same. onglet
<!DOCTYPE HTML> document type
<html> page
<head>
Page Title
Page Logo
Other functionalities (css, js)
</head>
<body>
Everything you see in the page
</body>
</html>
THE <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.
• The following elements can go inside the <head> element:

 Title
 Style
 Script
 Link
 Base
 meta
THE <body> TAG

The body element appears after the head element in the page. It should contain all the
content of your web page: text, images, and so on.
All web pages have 1 single body element, we can divide the tags inside the body into:

 Headings <h1>…</h1>, <h2>…</h2>  Links <a></a>


 Line Breaking Tags <br>  Lists <ul></ul>
 Paragraphs <p>…</p>, <span></span>  Tables <table></table>
 Images <img src=“…”>  Buttons <button></button>
 Audio and Video <audio></audio>  Forms and Inputs <form></form>
Types of
HTML tags

Paired Singular
Tags Tags
 
ELEMENT

You might also like