WEB
DEVELOPMENT
BASIC
INTRODUCTION
TO
HTML
Lab Objective: Learning
HTML, HTML basic tags and tags structure to develop your own web page.
HTML (Hyper
Text Markup Language):
HTML is a language, which makes it possible to present information (e.g.
scientific research) on the Internet. What you see when you view a page on the
Internet is your browser's interpretation of HTML. You use it to create web
pages.
HTML is not a programming language, it is a markup language. A markup language is
a set of markup tags. HTML uses markup tags to describe web pages.
HTML markup tags are usually called HTML tags. HTML tags are keywords
surrounded by angle brackets like
<html>. HTML tags normally come in pairs like <b> and
</b>. The first tag in a pair is the start tag; the second tag is the end tag. Start and end tags are also called opening tags and closing tags.
HTML
documents describe web pages. HTML documents contain
HTML tags and plain text. HTML documents are also called web pages. The purpose of a web
browser (like Internet Explorer or Fire-fox) is to read HTML documents and
display them as web pages. The browser does not display the HTML tags, but uses
the tags to interpret the content of the page.
Creating a simple HTML
webpage:
·
Open windows notepad using Start>All
Programs>Accessories>Notepad (or Start>Run>Notepad).
·
Type the given below lines in it
§ <html>
§ <body>
§ <h1>My
First Heading</h1>
§ <p>My
first paragraph</p>
§ </body>
§ </html>
- Click on “File>Save”. A dialog box will appear.
- Give “File Name>page.html (html here is extension)” and “Save as type> All Files”.
On saving this file a web page naming “Page” will be created. Click to open it and it will be displayed as
·
Explanation of example is as follows:
§
The text between
<html> and </html> describes the web page
§
The text between
<body> and </body> is the visible page content
§
The text between
<h1> and </h1> is displayed as a heading
§
The text between
<p> and </p> is displayed as a paragraph
Creating your own web page:
- For creating your own web page code will be like:
§ <html>
§ <head>
§ <title> 2k11 CP Home
Page</title>
§ </head>
§ <body >
§ <h1><center> Computing
Fundamentals</center></h1>
§ <p><b><center>Class
Instructor: Engr. Nasrullah Malik </center></b><br>
§ <a href="mailto:tra_haroon@yahoo.com">
<center>tra_haroon@yahoo.com</center></a><br><br>
Tags and their explanation:
§
<head<p><b><center>Lab Instructor: Engr.Shumaila</center></b><br><br>
§ <a href="http://www.uettaxila.edu.pk"/
> <text='yellow'><center> University of Enginnering
§ </p>
§ </body>
§ </html>
- > for header portion of web page
- <title> tells title of web page that appears in title bar
- <center> to display content at center of web page
- <b> to make content bold
- <br> for break of line. that is to start a new line
- < a href= “action”>label: hyperlink reference to link pages. “action” contains URL while “label” is static text that will be displayed as such
- Web page will be displayed as follows:
No comments:
Post a Comment