Scribd
Upload
22 views10 pages

HTML Tags

The document discusses HTML elements and provides examples of using HTML elements to structure a web page. It defines common HTML elements like <h1>, <p>, <ul>, <ol>, and describes how they are used to define headings, paragraphs, unordered lists and ordered lists. It also provides code samples of creating simple HTML pages using these elements.

Uploaded by

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

HTML Tags

The document discusses HTML elements and provides examples of using HTML elements to structure a web page. It defines common HTML elements like <h1>, <p>, <ul>, <ol>, and describes how they are used to define headings, paragraphs, unordered lists and ordered lists. It also provides code samples of creating simple HTML pages using these elements.

Uploaded by

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

PRACTICAL FILE OF

DATABASE MANAGEMENT SYSTEM

BACHELOR OF BUSINESS ADMINISTRATION (2019-


2022)

MERI COLLEGE OF ENGINEERING AND


TECHNOLOGY, (SAMPLA)

MERI
COLLEGE
PRACTICAL - 01
AIM :- INTRODUCTION TO HTML.

The major points of HTML are given below:


o HTML stands for HyperText Markup Language.
o HTML is used to create web pages and web applications.
o HTML is widely used language on the web.
o We can create a static website by HTML only.
o Technically, HTML is a Markup language rather than a programming language.

 A SIMPLE HTML DOCUMENT

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>


<p>My first paragraph.</p>

</body>
</html>
 EXAMPLE EXPLAINED
 The <!DOCTYPE html> declaration defines that this document is an HTML5 document
 The <html> element is the root element of an HTML page
 The <head> element contains meta information about the HTML page
 The <title> element specifies a title for the HTML page (which is shown in the browser's title bar
or in the page's tab)
 The <body> element defines the document's body, and is a container for all the visible contents,
such as headings, paragraphs, images, hyperlinks, tables, lists, etc.
 The <h1> element defines a large heading
 The <p> element defines a paragraph

 What is an HTML Element?


An HTML element is defined by a start tag, some content, and an end tag:
<tagname>Content goes here...</tagname>
The HTML element is everything from the start tag to the end tag:
<h1>My First Heading</h1>
<p>My first paragraph.</p>

Start tag Element content End tag

<h1> My First Heading </h1>

<p> My first paragraph. </p>

<br> None none

Note: Some HTML elements have no content (like the <br> element). These elements are called empty
elements. Empty elements do not have an end tag!

 WEB BROWSERS
The purpose of a web browser (Chrome, Edge, Firefox, Safari) is to read HTML documents and display
them correctly.
A browser does not display the HTML tags, but uses them to determine how to display the document:

 HTML PAGE STRUCTURE


Below is a visualization of an HTML page structure:
PRACTICAL-2
AIM:-Program to describe various text formatting commands.

<html>
<head>
<title>Tourist places</title>
</head>
<body>
<h1><i>Best tourist places in india</i></h1>
<li><b>Manali</b></li>
<p><i>One of the most popular hill stations in Himachal,Manali offers the most magnificent views
of the Pir Panjal and the Dhauladhar ranges covered with snow for most parts of the year.</i></p>
<li><i>Leh ladakh</i></li>
<p><b>Set amidst the epic Himalayas, Ladakh is a rustic and heavenly beautiful travel destination.
The rugged valleys and mountains, winding roads coupled with the vibrant cultural life maintain the
exuberance and charm of this region. </b></p>
<li><u>Coorg</u></li>
<p><sub><strong>Wake up to the smell of tranquilizing coffee, and enjoy the scenic beauty of this
misty land of hills and streams. Popularly known as the Scotland of India, Coorg lives up to its name with
luring amalgamation of history, luxury, adventure, mouth-watering cuisine.</strong></sub></p>
<li><strong>Andaman</strong></li>
<p><i>Sparsely-populated beaches that give way to an ocean brimming with interesting marine life
and coral gardens are just one of the reasons to visit the beautiful Andaman and Nicobar Islands. </i></p>
<li><sup>Udaipur</sup></li>
<p><u>Udaipur, known as the Venice of the East, boasts several sparkling lakes against a backdrop
of the Aravail hills. Jag Niwas and Jag Mandir, islands in Fateh Sagar Lake, are the site of Udaipur Solar
Observatory and Nehru Garden. Famous palaces include the magical Lake Palace, now a luxurious five-
star hotel, and the massive City Palace on Pichola’s east bank, featuring epic courtyards and stunning
paintings.</u></p>
</body>
</html>
 EXAMPLE EXPLAINED
The <b> element represents a span of text to which attention is being drawn for utilitarian
purpose without conveying any extra important and with no implication of an alternate voice of
mood, such as key words in document abstract, product name in a review, actionable words in
interactive text driven software, or article lede.

The <i> element represents a span of text in an alternate voice or mood, or otherwise offset from
the normal prose in a manner indicating a different quality of text, such as a taxonomic
designation, a technical term, an idiomatic phrase from another language, transliteration, a
thought, or a ship name in Western texts.
The <u> element represents a span of text with an unarticulated, though explicitly rendered, non-
textual annotation, such as labeling the text as being a proper name in Chinese text (a Chinese
proper name mark), or labeling the text as being misspelt

The <strong> element represents strong importance, seriousness, or urgency for its contents.

The <sub> element represents a subscript


The <sup> element represents a superscript..
RESULT

PRACTICAL 3 (A)
AIM:-Program to create an unordered list.

<html>

<head>
<title>way to food</title>

</head>

<body style="background-color: cornflowerblue;">

<h1>welcome to way to food</h1>

<p> <b> Here we'll help you to know about where you'll get tasty food in delhi</b>

</p>

<hr>

<h2><i>list of place where you get best and tasty food in delhi</i></h2>

<ul type="square"><b><u>In dwarka you can buy food like</u></b>

<li>Allu naan</li>

<li>Chur chur naan</li>

<li>Dal makhani</li>

<li>Shahi paneer</li>

<li>Mix vegetable</li>

</ul>

<ul type="circle"><b><u>In raja puri you can buy chinese food</u></b>

<li>Spring roll</li>

<li>French fries</li>

<li>Chilli potato</li>

<li>All type momo</li>

</ul>

<ul> <b> <u>Tilak nagar is famous for all type of food</u></b>

<li>Chicken shawarma</li>

<li>Tandoori chicken</li>

<li>Chicken biryani</li>

<li>Butter chicken</li>
</ul>

</body>

</html>

 EXAMPLE EXPLAINED
The <li> element represents a list item. If its parent element is an ol, ul, or menu element, then the
element is an item of the parent element's list, as defined for those elements. Otherwise, the list item has
no defined list-related relationship to any other li element.

The <ul> element represents a list of items, where the order of the items is not important — that is, where
changing the order would not materially change the meaning of the document.

The <hr> element represents a paragraph-level thematic break, e.g. a scene change in a story, or a
transition to another topic within a section of a reference book.

RESULT

PRACTICAL -3 (B)
AIM:-Program to create an ordered list.

<html>
<head>
<title>way to food</title>
</head>
<body style="background-color: cornflowerblue;">
<h2><b><i>List of some famous dishes according to states</i></b></h2>
<ol type="1"><b><u>Famous dishes in karnataka</u></b>
<li>Masala dosa</li>
<li>Sambar</li>
<li>Korri gassi</li>
<li>Mysore pak</li>
<li>Obbattu or holige</li>
</ol>
<ol type="A"><b><u>Famous dishes in delhi</u></b>
<li>Chole bhature</li>
<li>Butter chicken</li>
<li>Biryani</li>
<li>Nihari</li>
<li>Chat</li>
</ol>
<ol type="I"><b><u>Famous dishes in bihar</u></b>
<li>Litti chokha</li>
<li>Sattu sharbat</li>
<li>Khaja</li>
<li>Tilkut</li>
<li>Dal peetha</li>
<li>Thekua and malpua</li>
</ol>
<ol type="a"><b><u>Famous dishes in punjab</u></b>
<li> Dal makhani</li>
<li>Tandoori</li>
<li>Amritsari kulcha</li>
<li>Sarson ka saaga</li>
</ol>
<ol Type="i"><b><u>Famous dishes in rajesthan</u></b>
<li>Dal baati churma</li>
<li>Gatte ki sabji</li>
<li>Bajra ki roti with lasun chutney</li>
<li>Onion kachori</li>
</ol>
</body>
</html>
 EXAMPLE EXPLAINED
The <ol> element represents a list of items, where the items have been intentionally ordered, such that
changing the order would change the meaning of the document.

Contains CSS styling declarations to be applied to the element. Note that it is recommended for styles to
be defined in a separate file or files. This attribute and the <style> element have mainly the purpose of
allowing for quick styling, for example for testing purposes.

RESULT

You might also like