Web Lab 1

Download as pdf or txt
Download as pdf or txt
You are on page 1of 7

Web Engineering Lab

SEL-310

Lab Journal 1

Fatima Saeed Khan


01-134182-015
BSCS 6A

Department of Computer Science


BAHRIA UNIVERSITY, ISLAMABAD
Lab # 1 HTML Basics

Objectives: Understanding the basics of HTML tags and elements.

Tools Used: Sublime Text 3

Submission Date: 3/17/21

Evaluation: Signatures of Lab Engineer:


Task # 1.1: Write a basic HTML page that displays some text in the browser.

Procedure/Program:

<html>
<head>
<title> Task 1 </title>
</head>
<body>
Hello, I'm Fatima and I'm learning HTML.
<br> This text is written in a <i> new line </i> </br>
We make text <strong> bold </strong> by using the strong tag.
</body>
</html>

Result/Output:

Task # 1.2: Write a simple page that displays different headings.

Procedure/Program:

<html>
<head>
<title> Task 1 </title>
</head>
<body>
<h1> My First Webpage </h1>
<h2> Introduction </h2>
My first webpage was created using HTML in the Sublime Text 3 software. There are a
total of 4 tasks.
<h2> Tasks </h2>
<h3> Task 1 </h3>
Task one was simply displaying sample text on the page.
<h3> Task 2 </h3>
Task two is about displaying various headings and subheadings as shown here.
<h4> E.G. HEADING 4 </h4>
</body>
</html>

Result/Output:

Analysis/Conclusion:

Headings are created using the tags <h1>, <h2>, and so on depending on the level of subheading you
want to go to.

Task # 1.3: Write a simple page that displays different paragraphs.

Procedure/Program:

<html>
<head>
<title> Task 2 </title>
</head>
<body>
<h1> What is Linguistics? </h1>
<p> Linguists traditionally analyse human language by observing the relationship
between sound and meaning.[4] Meaning can be studied in its directly spoken or written form through
the field of semantics, as well as in its indirect forms through the discipline of pragmatics (such as from
body language and gestures, for instance). Each speech sound particle is called a phoneme. How these
phonemes are organised to convey meaning depends on various linguistic patterns and structures that
theoretical linguists describe and analyse. </p>
</body>
</html>

Result/Output:

Analysis/Conclusion:

Paragraphs are defined using the tag <p> for each paragraph.

Task # 1.4: Imagine a news article that contains a headline (or title) and several paragraphs of
text; create a web page to put this article on the web.

Procedure/Program:

<html>
<head>
<title> Task 4 </title>
</head>
<body>
<center> <img src="nytimes.png" style="width:600px;height:100px;"> </center>
<table>
<tr>
<td>
<center> <h1> Archaeologists In Egypt Finally Discover How The
Pyramids Were Built </h1> </center>
<p> After centuries of mystery, archaeologists have made startling
new discoveries about how the pyramids were built at the Egyptian city of Giza. </p>
<img src="pyramids.jpg" style="width:600px; height:400px;">
<p> Built 4,500 years ago during Egypt’s Old Kingdom, the
pyramids of Giza are more than elaborate tombs — they’re also one of historians’ best sources of insight
into how the ancient Egyptians lived, since their walls are covered with illustrations of agricultural
practices, city life, and religious ceremonies. But on one subject, they remain curiously silent. They offer
no insight into how the pyramids were built. </p>

<p> It’s a mystery that has plagued historians for thousands of


years, leading the wildest speculators into the murky territory of alien intervention and perplexing the
rest. But the work of several archaeologists in the last few years has dramatically changed the landscape
of Egyptian studies. After millennia of debate, the mystery might finally be over. </p>
</td>
</tr>
</table>
</body>
</html>

Result/Output:
Analysis/Conclusion:

You might also like