Professional Documents
Culture Documents
Cs101 Lec06
Cs101 Lec06
Lecture 6
Developing & Hosting a Web page
(Web Development Lecture 2)
Today is our 2nd Web Dev lecture
During our 1st lecture about the Web …
• We answered various questions about the Web.
• How it works, How it is structured, etc.
• We also commented about the future shape of the
Web: the Semantic Web, and how it is different from
the Web of today.
• Today’s Web is targeted squarely at us, humans.
Whereas, the Semantic Web is being constructed in
such a way that it is easily understandable for the
computers
Learning Goals for Today
http://www.vu.edu.pk/~altaf
page title URL
link
Hyper Text Markup Language
<HTML>
<BODY>
<H1>Altaf Khan</H1>
</BODY>
</HTML>
<HTML> 1
<HEAD> 2 HTML Code
<TITLE>Altaf Khan's Home Page</TITLE>
</HEAD> 3
<BODY> 4
<H1>Altaf Khan</H1> The ones in yellow, i.e.
<HTML>, </HTML>, <HEAD>,
<P><B>Adjunct Lecturer in Computer Science</B><BR>
</HEAD>, <BODY>, </BODY>
<A HREF="http://www.vu.edu.pk/">Virtual University</A><BR>
are the six essential HTML tags,
Building 1, 3rd Floor, Aiwan-e-Iqbal, Lahore<BR>
required in all Web pages
+92 42 555 1212<BR>
<A HREF="mailto:altaf@vu.edu.pk">altaf@vu.edu.pk</A><BR></P>
</BODY> 5
</HTML> 6
<HTML>
<HEAD>
<TITLE>Altaf Khan's Home Page</TITLE>
</HEAD>
<BODY>
<H1>Altaf Khan</H1>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE>Altaf Khan's Home Page</TITLE>
</HEAD>
<BODY>
<H1>Altaf Khan</H1>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE>Altaf Khan's Home Page</TITLE>
</HEAD>
<BODY>
<H1>Altaf Khan</H1>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE>Altaf Khan's Home Page</TITLE>
</HEAD> Descriptio
<BODY> n of the
link
<H1>Altaf Khan</H1>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE>Altaf Khan's Home Page</TITLE>
</HEAD>
<BODY>
<H1>Altaf Khan</H1>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE>Altaf Khan's Home Page</TITLE>
</HEAD>
<BODY>
<H1>Altaf Khan</H1>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE>Altaf Khan's Home Page</TITLE>
</HEAD>
<BODY>
<H1>Altaf Khan</H1>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE>Altaf Khan's Home Page</TITLE>
</HEAD>
<BODY>
<H1>Altaf Khan</H1>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE>Altaf Khan's Home Page</TITLE>
</HEAD>
<BODY>
<H1>Altaf Khan</H1>
</BODY>
</HTML>
This HTML document was developed
in a plain-text editor called notepad
After typing the code into notepad, I
saved it as index.html
http://www.vu.edu.pk/~altaf
Enough about mine …
Here is how you can develop your personal Web page
and make it available on the Internet as
http://www.vu.edu.pk/~xxxxxxx
Developing Your Own Web Page
http://www.vu.edu.pk/~xxxxxxx
where xxxxxxx is your user ID
Before we finish for the day, a
brief review of the HTML tags …
<HTML>
…
…
</HTML>
HTML tags that go in
the HEAD portion of
a Web page
<HEAD>
…
…
</HEAD>
<TITLE> … </TITLE>
HTML tags that go in
the BODY portion of
a Web page
<BODY>
…
…
</BODY>
<P> … </P>
Paragraph
<BR>
Line break
<B> … </B>
Bold text
<A HREF = “action” > label </A>
Anchor
(Anchors are used to embed links in a Web page)
<A HREF = “action” > label </A>
• http://
– Displays the Web page specified by the link
– example: “http://www.vu.edu.pk”
• mailto:
– Sends an e-mail to the specified address
– example: “mailto:altaf@vu.edu.pk”
<A HREF = “action” > label </A>
Browser Display
I am at the Virtual University. You can send me an e-mail by
clicking here.
End of HTML tag review
What have we learned today?