Scribd
Upload
49 views15 pages

Cws 1

The document contains code for 13 HTML files that demonstrate different HTML tags and concepts: 1. The first file introduces HTML and defines key terms like markup language and hypertext. 2. Subsequent files demonstrate heading tags, paragraphs, links, images, and other tags. 3. The last file combines concepts into a final webpage that introduces Python with divisions, headings, images, text, and links.

Uploaded by

Arjun pali
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
49 views15 pages

Cws 1

The document contains code for 13 HTML files that demonstrate different HTML tags and concepts: 1. The first file introduces HTML and defines key terms like markup language and hypertext. 2. Subsequent files demonstrate heading tags, paragraphs, links, images, and other tags. 3. The last file combines concepts into a final webpage that introduces Python with divisions, headings, images, text, and links.

Uploaded by

Arjun pali
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 15

Html1.

html

CODE

<!DOCTYPE html>

<html>

<head>

<title>First_HTML

</title>

</head>

<body>

<h1>Introduction to HTML</h1>

<p>HTML stands for HyperText Markup Language. It is used to design web pages using a markup
language. HTML is a combination of Hypertext and Markup language. Hypertext defines the link
between web pages. A markup language is used to define the text document within the tag which
defines the structure of web pages. This language is used to annotate (make notes for the computer)
text so that a machine can understand it and manipulate text accordingly. Most markup languages
(e.g. HTML) are human-readable. The language uses tags to define what manipulation has to be
done on the text. </p>

</body>

</html>

OUTPUT

Html2.html

CODE

<!DOCTYPE html>
<html>

<head>

<title>

Heading Tags

</title>

</head>

<body>

<h1>This is Heading 1.</h1>

<h2>This is Heading 2.</h2>

<h3>This is Heading 3.</h3>

<h4>This is Heading 4.</h4>

<h5>This is Heading 5.</h5>

<h6>This is Heading 6.</h6>

</body>

</html>

OUTPUT:

Html3.html

CODE

<!DOCTYPE html>

<html>
<head>

<title>

Paragraphs_Tags

</title>

</head>

<body>

<h1>HTML</h1>

<p>

HTML (HyperText Markup Language) is the most basic building block of the Web. It defines the
meaning and structure of web content. Other technologies besides HTML are generally used to
describe a web page's appearance/presentation (CSS) or functionality/behavior
(JavaScript)."Hypertext" refers to links that connect web pages to one another, either within a single
website or between websites. Links are a fundamental aspect of the Web. By uploading content to
the Internet and linking it to pages created by other people, you become an active participant in the
World Wide Web.

</p>

</body>

</html>

OUTPUT

Html4.html

CODE

<!DOCTYPE html>

<html>

<head>

<title>Link_Tag
</title>

</head>

<body>

This is a website to link a webpage.

<br><a href="file:///C:/Users/ompra/OneDrive/Documents/ArjunPali/HTML/html1.html">Click here


</a> for Introduction of Html

</body>

</html>

OUTPUT

Html5.html

CODE

<!DOCTYPE html>

<html>

<head>

<title>Image Tag

</title>

</head>

<body>

This Webpage's objective is to insert an Image in the webpage.

<br>

<img src = "C:\Users\ompra\OneDrive\Documents\ArjunPali\HTML\html_img1.jpg" alt = "No Image


Found’ height = “400” width = “750”>

</body>
</html>

OUTPUT

Html6.html

CODE

<!DOCTYPE html>

<html>

<head>

<title>

Marquee_Tags

</title>

</head>

<body>

<marquee> This text is in Default attribute of Marquee Tag</marquee>

<marquee direction = "left"> This text is in Left/Direction attribute of Marquee Tag</marquee>

<marquee direction = "right"> This text is in Right/Direction attribute of Marquee Tag</marquee>

<marquee direction = "up"> This text is in Up/Direction attribute of Marquee Tag</marquee>

<marquee direction = "down"> This text is in Down/Direction attribute of Marquee Tag</marquee>

</body>

</html>
OUTPUT

Html7.html

CODE

<!DOCTYPE html>

<html>

<head>

<title>

Font_Tags

</title>

</head>

<body>

<font size="3" color="red">This text has attributes of size "3" and color "red".</font><br>

<font size="2" color="blue">This text has attribute of size 2 and color "blue".</font><br>

<font face="verdana" color="green">This text has attribute of face/style "verdana" and color
"green".</font><br>

</body>

</html>

OUTPUT

Html8.html
CODE

<!DOCTYPE html>

<html>

<head>

<title>Style_Attributes_Of_Tags

</title>

</head>

<body>

<h1 style = "background-color:DodgerBlue;">HTML Introduction</h1>

<p style = "color:blue;">HTML stands for HyperText Markup Language. It is used to design web pages
using a markup language. HTML is a combination of Hypertext and Markup language. Hypertext
defines the link between web pages. A markup language is used to define the text document within
the tag which defines the structure of web pages. </p>

<h3 style = "border:2px solid Tomato; color=blue;">CSS Introduction</h3>

<p style = "background-color: Green; color:white">Cascading Style Sheets, fondly referred to as CSS,
is a simply designed language intended to simplify the process of making web pages presentable.
CSS allows you to apply styles to web pages. More importantly, CSS enables you to do this
independently of the HTML that makes up each web page. It describes how a webpage should look:
it prescribes colours, fonts, spacing, and much more.</p>

</body>

</html>

OUTPUT
Html9.html

CODE

<!DOCTYPE html>

<html>

<head>

<title>Pre_Tag

</title>

</head>

<body>

Pre Tags are used to display the text in their respective format without any atlerations. For example:

<pre>

Position 1

Position 2

Position 3

Position 4

Position 5

</pre>

</body>

</html>

OUTPUT:

Html10.html
CODE

<!DOCTYPE html>

<html>

<head>

<title>Title Tag

</title>

</head>

<body>

Look for the display of heading/ title of the webpage in the tab name displayed at the beginning of
the webpage display webpage name "Title Tag".

</body>

</html>

OUTPUT:

Html11.html

CODE

<!DOCTYPE html>

<html>

<head>

<title> Center_Tag

</title>

</head>
<body>Center tag is used to display the text, audio, image, etc. data in center/ middle position of the
webpage.

<br>

<br>

<center>CENTER ALIGN OF THE WEBPAGE.</center></body>

</html>

OUTPUT:

Html12.html

CODE

<!DOCTYPE html>

<html>

<head>

<title>DIV TAG

</title>

</head>

<body>

<div style = "background-color:blue; color:white; border:2px solid tomato;">

<h1>Div Tag</h1>

</div>

<div style = "background-color:lightblue; color:yellow;"><p>

The div tag is known as Division tag. The div tag is used in HTML to make divisions of content in the
web page like (text, images, header, footer, navigation bar, etc). Div tag has both open and closing
tag and it is mandatory to close the tag. The Div is the most usable tag in web development because
it helps us to separate out data in the web page and we can create a particular section for particular
data or function in the web pages.

</p>
</div>

</body>

</html>

OUTPUT:

Html13.html

CODE

<!DOCTYPE html>

<html>

<head>

<title>DIV TAG

</title>

</head>

<body>

<div style = "background-color:blue; color:white; border:2px solid tomato;">

<h1>Div Tag</h1>

</div>

<div style = "background-color:lightblue; color:yellow;"><p>

The div tag is known as Division tag. The div tag is used in HTML to make divisions of content in the
web page like (text, images, header, footer, navigation bar, etc). Div tag has both open and closing
tag and it is mandatory to close the tag. The Div is the most usable tag in web development because
it helps us to separate out data in the web page and we can create a particular section for particular
data or function in the web pages.
</p>

</div>

</body>

</html>

OUTPUT:
Final Webpage:

CODE:

<!-- Final Website-->

<!DOCTYPE html>

<html>

<head>

<title>

Introduction To Python

</title>

</head>

<body background="html_img2.jpg">

<div style="background-color:black; color:white;"><center><h1>Introduction to


Python</h1></center></div>

<center><img src="html_img3.png" alt="Python" height ="200" width="200"></center>

<div style="background-color:lightblue;">

<p>Python is an Object oriented programming, high level and general purpose programming
language. its design philosophy emphasizes code readability with the use of significant identation.
Python is dynamically typed and garbage-collected. It supports multiple programiming paradiggms,
including structured, object oriented and functional programming. It is often described as a
"batteries included" language due to its comprehensive standard library</p></div>

<div style="background-color:lightblue;">

<ul>Features of Python

<li>Interpreted Language</li>

<li>Dynamically typed language</li>

<li>Large Standard Library</li>

<li>High Level Language</li>

<li>Large community Support</li>

</ul>

</div>

<div style="background-color:lightblue;">
<p>

Python created by Gudio Van Russom began working on python in the late 1980 as the successor of
the ABC language and first released it in 1991 as python 0.9.0. Python 2.0 was realeased in year 2000
and version 3.0 was in 2008. Currently the stable and most used version is Python 3.8 with latest
being 3.9.2.</p></div>

<br><br>

<div style="background-color:green;">

<p align="center"> website of installation and python community page<br>

<a href="https://www.python.org/">www.python.org</a></p></div></div>

</body>

</html>
OUTPUT:

You might also like