Transcript
Presented By : Ali AkramRoll No. : 1019Class : BS IT (M)1ST semester
University of Education Okara Campus 1
Definition Requirements HTML basic tags and structer Heading Tags Paragraph making Tags for break the line Tags for italic,bold and underline Tags for images Tag for link
University of Education
Okara Campus2
Html is a tag-based markuplanguage used to create web page.
It is not a programming language,itis a markup language.
University of Education Okara Campus 3
Text editor:A text editor is a soft wear application used to create
and manipulate text, such as notepad and
WordPad.
TAGS:Tags serve as the foundation of HTML language.
Tag define the element and characteristics of HTML
language.
University of Education Okara Campus4
<HTML>
<HEAD>
<TITLE>MY HOME PAGE</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
University of Education Okara Campus 5
University of Education Okara Campus6
HTML tags areusually in pairs
Between the <head> and </head>
tags, you find information about
the page
Between the<body> and </body>
tags, you findinstructions fordisplaying text,
pictures etc...
University of Education Okara Campus7
Heading styles
We can use different heading
sizes from <h1> Heading 1
(the biggest)to
<h6> Heading 6(the smallest)to make our
headings standout
<HTML>
<HEAD>
<TITLE>My home page</TITLE>
</HEAD>
<BODY>
<h1>Heading h1</h1>
<h2>Heading h2</h2>
<h3>Heading h3</h3>
<h4>Heading h4</h4>
<h5>Heading h5</h5>
<h6>Heading h6</h6>
</BODY>
</HTML>
University of Education Okara Campus8
.
University of Education Okara Campus9
<HTML>
<HEAD>
<TITLE>My home page</TITLE>
</HEAD>
<BODY>
<p>Here you write a paragraph
or a context for your webpage.</p>
</BODY>
</HTML>
If we write two lines on notepad then after refresh on webpage like internet explore the result is that two lines appear on single one. So we use the tag:
This is my first line<br/>This is my second line.In <br/> tag there is only single tag no closing
tag.
University of Education Okara Campus 10
For bold letter:<b>write line</b>
Result:“write line”
For italic letter:<i>write word</i>
Result:“Write word”
For underline:<u>my name</u>
Result:“my name”
University of Education Okara Campus11
Example HTML code:<HTML>
<head>
<title>Hello World</title>
</head>
<body bgcolor = “#000000”>
<font color = “#ffffff ”>
<H1>Hello World</H1>
</font>
</body>
</HTML>
University of Education Okara Campus13
Allow variety in how an element is displayed or functions:
Example:<img src=“football.jpg” width=“100px”
height=“100px”/>
<img is a flag to the browser to insert an image, while the attributes tell the browser how to display the image
University of Education Okara Campus 14
<a href=“http://www.google.com/”>Google</a>
Yahoo
University of Education Okara Campus 15
If we want to add link on page then we
use the tag:
HTML is very important for making webpage.With the help of HTML we can easily create
page of our desires.Simply by using the tags we can easy adjust everything in stylish way.
University of Education Okara Campus16
www.cs.nyu.edu/courses/spring09/V22.../html.ppt
www.eecs.ucf.edu/~ypshen/week3.pptwww.w3schools.com/html/html_basic.aspwww.codecademy.com/tracks/web/resumewww.htmlgoodies.com/primers/html/article.php
/3478141
DATE: 5-2-2015
University of Education Okara Campus 17
top related