Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd
Upload
117 views

Introduction To HTML

HTML is used to define the structure and layout of web pages. It uses tags like <html> <head> and <body> to define overall page elements. Within the <body> text content is defined using tags like <p> for paragraphs and <h1>-<h6> for different levels of headings. CSS is used to define the visual styling and layout of HTML elements. Together HTML provides the structure and CSS defines the presentation of web pages.

Uploaded by

Getsi Jebamalar
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
117 views

Introduction To HTML

HTML is used to define the structure and layout of web pages. It uses tags like <html> <head> and <body> to define overall page elements. Within the <body> text content is defined using tags like <p> for paragraphs and <h1>-<h6> for different levels of headings. CSS is used to define the visual styling and layout of HTML elements. Together HTML provides the structure and CSS defines the presentation of web pages.

Uploaded by

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

INTRODUCTION

TO HTML
If a Webpage were a House

HTML CSS
Structure and physical layout Paint, wallpaper,
interior design
Creating HTML Pages

Text / Code Editor: Web Browser:

Notepad / Notepad++ / Microsoft Edge


Visual Studio Code or your choice
Viewing HTML
• Hyper Text Markup Language

HTML
• Creating webpages

• Structure of web page

• Series of element
Working Together
HTML: Structure of web page
<html>
<head></head>
<body></body>
</html>

CSS: Semantic style and layout


body {
background-color:#F0F0F0
}
HTML Tags

Opening tag Closing tag

<p> I am a cat. </p>


Content goes here
HTML starts with…
<!DOCTYPE html>
• this document is an HTML5 document

<html>
• root element of an HTML page

<head>
• meta information about the HTML page

<title>
• title for the HTML page (which is shown in the browser's title bar or in the
page's tab)
<body>
• document's body, and is a container for all the visible contents

<h1>
• element defines a large heading

<p>
• element defines a paragraph
Headers

<h1> This is Heading 1. </h1>


<h2> This is Heading 2. </h2>
<h3> This is Heading 3. </h3>
<h4> This is Heading 4. </h4>4
<h5> This is Heading 5. </h5>

<h6> This is Heading 6. </h6>


Sample HTML
<!DOCTYPE html>
<html>
<head>
<title> Title goes here </title>
</head>
<body>
<!– This is a comment -->
<p> Body text goes here </p>
</body>
</html>
Comments

<!– Comments can be a single line-->

<!- Comments can also appear


on multiple lines. You can also comment
out blocks of HTML code for debugging.
-->

You might also like