You are on page 1of 3

HTML

HyperTextMarkup Langauge - to design static webpage


HyperText - Text + audio + video + images etc
To place the element or component - on webpage
Consists of predefined Tags

HTML version
HTML1
HTML2
HTML3
XHTML
HTML5 - Latest versions -- <audio> , <video>
-----------------------Predefined Tags
- <tagname> opening tag
- </tagname> closing tag
--------------Structure of HTML
<!Doctype HTML>
<html>
<head>
<title> </title>
</head>
<body>
</body>
</html>
------------------------Tags inside head section
-

title
link
script
style
meta

- title
title of the webpage
<title> Welcome to HTML

</title>

------------ link
applying style to the webpage - CSS

<link rel="Stylesheet" href="path of the css file">


------------- style
applying style to the webpage - CSS
<style type="text/css">
CSS code
</style>
------------------------ script
Javascript code
<script type="text/javascript">
</script>
------------------ meta tag
data about data
information - about website
included in head tags -attributes - name and value pair
Name
- Name for the property. Can be anything. Examples keywords, descriptio
n, author, revised etc.
content - Specifies the property's value.
http-equiv
- Used for http response message headers.
<meta name="author" content="John">
Attributes --- name and value pair
<meta name="keywords" content="HTML">
<meta http-equiv="refresh" content="5">
<meta http-equiv="refresh" content="5;url=http://www.wix.com">
<meta name="description" content="education">
----------------------------------------<!DOCTYPE html>
<html>
<head>
<title> Welcome to HTML </title>
<link rel="stylesheet" type="text/css" href="">
<style type="text/css">
</style>
<script type="text/javascript">

</script>
<meta
<meta
<meta
<meta

name="keywords" content="HTML"/>
name="description" content="Eductaion"/>
name="Author" content="John"/>
http-equiv="refresh" content="5;url=http://www.wix.com/"/>

</head>
<body>
</body>
</html>
-----------------------------

You might also like