Friday, 1 April 2016

Create an html page named as “Simpletags.html”. Add the following tags detail. i) Set the title of the page as “Simple HTML Tags” ii) Within the body perform the following

a)Moving text = “Simple HTML Tags” 
b) Different heading tags (h1 to h6) 
c) Paragraph 
d) Horizontal line e
e) Line Break 
f) Block Quote(single quote ‘,double “) 
g) Pre tag 
h) Different Logical Style ( <b>, <sub>, <sup>….) 
i) Different Physical style ( <strike>, <del>, …) 
j) Listing tags (types with, & each type provide different “type” attribute) 
h)Align tag


COPY FROM HERE

Simpletags.html

<html>
<title> Simple Html Tags</title>
<body bgcolor="aqua">
<marquee> Simple HTML Tags</marquee>
<center><FONT COLOR="#0000FF"> Heading Tags</FONT></center>
<h1> GHANENDRA YADAV</h1>
<h2> GHANENDRA YADAV</h2>
<h3> GHANENDRA YADAV</h3>
<h4> GHANENDRA YADAV</h4>
<h5> GHANENDRA YADAV</h5>
<h6> GHANENDRA YADAV</h6>
<center><FONT COLOR="#0000FF"> Text Elements</FONT> </center>
<p>This is a praragrspg tag.
HTML 5
One of the most important technologies on this list doesn't fully exist yet — HTML 5
— but in 2008, key features started to trickle out.
HTML 5 will eventually replace HTML 4.01, the dominant programming language
currently used to build web pages. But the governing bodies in charge of the web are
still drafting the details, and nobody expects HTML 5 to fully emerge as the new
standard for at least a few more years But HTML 5 is no vaporware. Many of the changes to the way the web operates as
outlined in early versions of the new specification are already being implemented in
the latest browsers, and some of the web's more adventurous site builders are already
incorporating HTML 5's magic into their pages.
HTML 5 will be great step forward, standardizing things like dragging and dropping
elements on web pages, in-line editing of text and images on sites and new ways of
drawing animations. There's also support for audio and video playback without plugins, a boon for usability and a worrisome sign for Adobe's Flash, Microsoft's
Silverlight and Apple's QuickTime. The language will also give a boost to web apps,
as there are new controls for storing web data offline on your local machine.
Want Gmail on your desktop? HTML 5 makes it possible. Alas, the blink tag isn't
invited to the party
</p>
<hr>
<center><FONT COLOR="#0000FF"> Line break Tags</FONT></center>
This is a long piece of text consisting of three<BR>
sentences and shows you the functions of the<BR>
Line Break tag. This tag is used quite frequently<BR>
to add line breaks in the HTML code. It is also used<BR>
to add blank lines to a document.<BR>
<hr>
<center><FONT COLOR="#0000FF"> BLOCK QUOTE Tags</FONT></center>
<p>This is some text before the quotation.</p>
<blockquote>This is a long blockquote created with the <blockquote>
tag.</blockquote>
</blockquote>
<hr>
<center><FONT COLOR="#0000FF"> PRE Tags</FONT></center>
<pre>
IT 206 JAVA
IT306 WEB SYSTEMS
IT322 WEB SYSTEMS LAB
</PRE>
<HR>
<center> <FONT COLOR="#0000FF"> Logical style </FONT></center>
This is <b>bold</b> This is bold<br>
This is <big>big font</big> This is big font<br>
This is <i>italic</i> This is italic<br>
Was <s>$50</s>; now $40 Was $50; now $40<br>
This is <small>small</small> This is small<br>
H<sub>2</sub>O H2O<br> May 5<sup>th</sup> 2005 May 5th 2005<br>
<tt>fixed-width font</tt> fixed-width font<br>
This is <u>underlined</u> This is underlined<br>
<br>
<hr>
<center> <FONT COLOR="#0000FF"> Physical Style </FONT></center>
This is used for a short <cite>quote</cite>. This is used for a short quote.<br>
<code>y = m * x + b</code> y = m * x + b<br>
<del>Deleted</del> text Deleted text<br>
<dfn>definition</dfn> text definition text<br>
This is <em> emphasized </em>. This is emphasized<br> .
<ins>inserted</ins> text inserted text<br>
<kbd>code</kbd> sample code sample<br>
<samp>code</samp> sample code sample<br>
This is <strong>strong</strong>. This is strong.<br>
<var>program</var> variable program variable<br>
<br>
<hr>
<center><FONT COLOR="#0000FF"> Listing Tags</FONT></center>
<h4>Numbered list:</h4>
<ol>
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li>
</ol>
<h4>Letters list:</h4>
<ol type="A">
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li>
</ol>
<h4>Lowercase letters list:</h4>
<ol type="a">
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li>
</ol>
<h4>Roman numbers list:</h4>
<ol type="I">
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li>
</ol>
<h4>Lowercase Roman numbers list:</h4>
<ol type="i">
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li>
</ol>
<h4>Disc bullets list:</h4>
<ul type="disc">
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li>
</ul>
<h4>Circle bullets list:</h4>
<ul type="circle">
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li>
</ul>
<h4>Square bullets list:</h4>
<ul type="square">
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li>
</ul>
<h4>A Definition List:</h4>
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
<hr>

Output:-

www.programmingwithbasics.com

2 comments:
Write comments
  1. Thanks For Great Code Thanks Again

    ReplyDelete
  2. A characteristic development to that is make an instrument or an approach to share precisely the same all through various Operating frameworks and afterward came JAVA an incredibly spry apparatus that seamed to clear the world - now it wasn't the OS that was characterizing the dialect to code yet an outsider that approved that there "interpertator" would chip away at all major working frameworks. java programming

    ReplyDelete

Recommended Posts × +