Scribd
Upload
7 views

Section

Uploaded by

santasan497
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
7 views

Section

Uploaded by

santasan497
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 3

<!

DOCTYPE html>
<html>

<head>
<title>Section links</title>
<h1><center><u>LINKS TO SECTIONS</u></center></h1>
<style>
* {
margin: 0.5;
padding: 0;
}

body {
width: 98vw;
height: 20vh;
}

.section {
width: 98vw;
height: 20vh;
background-color: ff0000;
font-size: 50px;
color: white;
text-align: center;
margin: 10px 5px;
}

.one{
background-color:#FFA500;
}
.two{
background-color: #FFC0CB;
}
.three{
background-color: #CC3366;
}
.four{
background-color: #800080;
}
.five{
background-color: #008000;
}
.six{
background-color: #CC6666;
}
.seven{
background-color: #964B00;
}
.eight {
background-color: #DB7093;
}
.nav {
width: 98vw;
height: 20vh;
background-color:#CC99FF;
font-size: x-large;
color: white;
text-align: center;
margin: 10px 5px;
display: flex;
flex-direction: row;
justify-content: space-around;
place-items: center;
}

.btn {
color: white;
background-color: #FF6699;
height: 20px;
width: 96px;
padding: 0.5px;
border: 2px solid black;
text-decoration: none;
}
</style>
</head>

<body>
<div class="nav">
<h6><a href="#EXERCISE 1" class="btn">EXERCISE 1</a></h6>
<h6><a href="#EXERCISE 2" class="btn">EXERCISE 2</a></h6>
<h6><a href="#EXERCISE 3" class="btn">EXERCISE 3</a></h6>
<h6><a href="#EXERCISE 4" class="btn">EXERCISE 4</a></h6>
<h6><a href="#EXERCISE 5" class="btn">EXERCISE 5</a></h6>
<h6><a href="#EXERCISE 6" class="btn">EXERCISE 6</a></h6>
<h6><a href="#EXERCISE 7" class="btn">EXERCISE 7</a></h6>
<h6><a href="#EXERCISE 8" class="btn">EXERCISE 8</a></h6>
</div></br>
<div class="exercise one" id="EXERCISE 1">
<center><b>EXERCISE 1</b></center>
<center><u>CREATE BASIC WEBPAGE WITH HTML FORMATTING TAGS</u>.</center>
<p>&nbsp;&nbsp;HTML text formatting tags are keywords that define how text is
displayed on a webpage.You can use HTML tags to change the font,size,color,and
other visual aspects of text.Some examples of HTML text formating tags include:Bold
text,Italicized text,Underlined text,Strike-through text,Superscript and Subscript
text.
<h5 style="text-align:right;"> <a href="file:///C:/Users/ELCOT/Desktop/KARTHIKA
K/New media production/U223559/resume/karthika resume.html">Click Here</a></h5>
</div></br>
<div class="exercise two" id="EXERCISE 2">
<center><b>EXERCISE 2</b></center>
<center><u>CREATE SCROLLING TEXT IN WEBPAGE</u></center>
<p>&nbsp;&nbsp;Scrolling text,also known as a marquee,can be created on a webpage
using the HTML(marquee)tag.This tag can be used to create scrolling text or images
that can move in various directions,such as left,right,up,or down.Scrolling text is
just text that can be scrolled,either vertically,horizontally,or in both
directions.
<h5 style="text-align:right;"> <a href="file:///C:/Users/ELCOT/Desktop/KARTHIKA
K/New media production/U223559/scroll/scroll.html">Click Here</a></h5>
</div></br>
<div class="exercise three" id="EXERCISE 3">
<center><b>EXERCISE 3</b></center>
<center><u>CREATE CHECK BOX,RADIO BUTTON AND DROP DOWN LIST</u></center>
<p>&nbsp;&nbsp;Checkboxes are interesting select options.Whereas radio buttons and
drop-downs are generally used for mutually exclusive options,a series of checkboxes
are well suited for multiple option selection.Unlike radio buttons,users are
generally accustomed to check boxes staying checked if they select an additional
choice.
<h5 style="text-align:right;"> <a href="file:///C:/Users/ELCOT/Desktop/KARTHIKA
K/New media production/U223559/check box/check box.html">Click Here</a></h5>
</div></br>
<div class="exercise four" id="EXERCISE 4">
<center><b>EXERCISE 4</B></center>
<center><u>USE LIST IN WEBPAGE(ORDERED,UNORDERED,DESCRIPTION AND NESTED
LIST)</u></center>
<p>&nbsp;&nbsp;Lists are used to store data or information in webpages in ordered
or unordered form.HTML supports several types of list elements that can be included
in the body tag of the document.Each type serves a specific purpose and can be
customized to fit your design and content needs.
<h5 style="text-align:right;"> <a href="file:///C:/Users/ELCOT/Desktop/KARTHIKA
K/New media production/U223559/list/karthika.html">Click Here</a></h5>
</div></br>
<div class="exercise five" id="EXERCISE 5">
<center><b>EXERCISE 5</B></center>
<center><u>USE GRAPHIC ELEMENT(GIF,JPEG,PNG)IN WEBPAGE</u></center>
<p>&nbsp;&nbsp;GIF (Graphics Interchange Format) — Good choice for simple images
and animations. JPEG (Joint Photographic Expert Group image) — Good choice for
lossy compression of still images (currently the most popular). PNG (Portable
Network Graphics) — Good choice for lossless compression of still images (slightly
better quality than JPEG).</p>
<h5 style="text-align:right;"> <a href="file:///C:/Users/ELCOT/Desktop/KARTHIKA
K/New media production/U223559/images/img.html">Click Here</a></h5>
</div></br>
<div class="exercise six" id="EXERCISE 6">
<center><b>EXERCISE 6</b></center>
<center><u>USE TABLES IN WEBPAGE(COLUMNSPAN & ROWSPAN)</u></center>
<p>&nbsp;&nbsp;HTML tables allow web developers to arrange data into rows and
columns.A table in HTML consists of table cells inside rows and columns.There are
various table tag that are used by web developers like table header,table row,table
details etc..,</>
<h5 style="text-align:right;"> <a href="file:///C:/Users/ELCOT/Desktop/KARTHIKA
K/New media production/U223559/table/Table 1.html">Click Here</a></h5>
</div></br>
<div class="exercise seven" id="EXERCISE 7">
<center><b>EXERCISE 7</b></center>
<center><u>EMBED OTHER DOCUMENTS IN WEBPAGE USING IFRAME</u></center>
<p>&nbsp;&nbsp;An inline frame (iframe) is a HTML element that loads another HTML
page within the document. It essentially puts another webpage within the parent
page. They are commonly used for advertisements, embedded videos, web analytics and
interactive content.An iframe is an element of HTML code. It is supported by all
major web browsers and is included in the latest HTML5 specifications.</p>
<h5 style="text-align:right;"> <a href="file:///F:/NEW MEDIA
PRODUCTION/IFRAME/iframe.html">Click Here</a></h5>
</div></br>
<div class="exercise eight" id="EXERCISE 8">
<center><b>EXERCISE 8</b></center>
<center><u>CREATE HYPERLINKS IN WEBPAGE TO LINK ANOTHER WEBSITE</u></center>
<p>&nbsp;&nbsp;The <a> tag defines a hyperlink, which is used to link from one page
to another. The most important attribute of the <a> element is the href attribute,
which indicates the link's destination. By default, links will appear as follows in
all browsers: An unvisited link is underlined and blue.</p>
<h5 style="text-align:right;"> <a href="file:///C:/Users/ELCOT/Desktop/KARTHIKA
K/New media production/U223559/hyperlink/kk.html">Click Here</a></h5>
</div></br>
</body>
</html>

You might also like