Friday 19 January 2018

Basic HTML TAGS and ATTRIBUTES

Example:1
<!doctype html>
<html lang="en-US">
<head>
<title>Basic HTML TAGS and ATTRIBUTES</title>
<meta charset="UTF-8">
</head>
<body>
<h1 style ="Color:Grey";> Exercise:1</h1><br>
<hr>
<h2 style ="Color:Tomato";> Using all basic tags and attributes.</h2>

<h3 style ="color:Orange";>***PRE Tag*** </h3>
<pre>
HTML stands for Hyper Text Markup Language.
A markup language is a set of markup tags.
</pre><br>

<h3 style ="color:Orange";>***HTML Font*** </h3>
<h4 style ="font-family:Verdana;"> HTML documents are described by HTML tags. </h4><br> 
                       
<h3 style ="color:Orange";>***Font Size*** </h3>
<h4 style ="font-size:150%;"> HTML documents are described by HTML tags. </h4><br>

<h3 style ="color:Orange";>***Text Align*** </h3>
<h4 style ="text-align:center;"> HTML documents are described by HTML tags. </h4>
<h4 style ="text-align:left;"> HTML documents are described by HTML tags. </h4>
<h4 style ="text-align:Right;"> HTML documents are described by HTML tags. </h4><br>

<h3 style ="color:Orange";>***BOLD/STRONG*** </h3>
<p><strong> HTML documents are described by HTML tags.</strong></p><br>

<h3 style ="color:Orange";>***ITALIC/EMPHASIZED TAG*** </h3>
<p><em> HTML documents are described by HTML tags.</em></p><br>

<h3 style ="color:Orange";>***small TAG*** </h3>
<p><small> HTML documents are described by HTML tags.</small></p><br>

<h3 style ="color:Orange";>***MARK TAG*** </h3>
<p>HTML documents are described by <mark>HTML tags.</mark></p><br>

<h3 style ="color:Orange";>***Deleted TAG*** </h3>
<p>HTML <del>documents</del> are described by HTML tags.</p><br>

<h3 style ="color:Orange";>***Inserted TAG*** </h3>
<p>HTML <ins>documents</ins> are described by HTML tags.</p><br>

<h3 style ="color:Orange";>***SUBSCRIPT TAG*** </h3>
<p>HTML <sub>documents</sub> are described by HTML tags.</p>
<p>(a+b)<sup>2</sup>=a<sup>2</sup>+b<sup>2</sup>+2ab</p><br>

<h3 style ="color:Orange";>***SUPERSCRIPT TAG*** </h3>
<p>HTML <sup>documents</sup> are described by HTML tags.</p><br>

<p>2(a<sub>1</sub>+b<sub>1</sub>)=2a<sub>1</sub>+2b<sub>1</sub></p>
</body>
</html>

OUTPUT:

Exercise:1

Using all basic tags and attributes.

***PRE Tag***

HTML stands for Hyper Text Markup Language.
A markup language is a set of markup tags.

***HTML Font***

HTML documents are described by HTML tags.


***Font Size***

HTML documents are described by HTML tags.


***Text Align***

HTML documents are described by HTML tags.

HTML documents are described by HTML tags.

HTML documents are described by HTML tags.


***BOLD/STRONG***

HTML documents are described by HTML tags.

***ITALIC/EMPHASIZED TAG***

HTML documents are described by HTML tags.

***small TAG***

HTML documents are described by HTML tags.

***MARK TAG***

HTML documents are described by HTML tags.

***Deleted TAG***

HTML documents are described by HTML tags.

***Inserted TAG***

HTML documents are described by HTML tags.

***SUBSCRIPT TAG***

HTML documents are described by HTML tags.
(a+b)2=a2+b2+2ab

***SUPERSCRIPT TAG***

HTML documents are described by HTML tags.

2(a1+b1)=2a1+2b1


Example :2

<!doctype html>
<html lang="en-US">
<head>
<title>Quatations Abbr bdo address Comment tag>
</title>
<style>
p{background-color:SlateBlue;border: 1px solid black;padding: 10px;margin: 5px;}
h3{background-color:Tomato;border: 1px solid black;padding: 10px;margin: 5px}

</style>
<body>

<h3>*****ABBREVIATION*****</h3>
<p>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
<abbr title="Hypertext Markup Language"> HTML </abbr></p>
<br>

<h3>*****QUATATIONS*****</h3>
<p>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <q>Hypertext Markup Language (HTML) is the standard markup language for creating web pages and web applications.</q>
</p>

<blockquote>
With Cascading Style Sheets (CSS) and JavaScript it forms a triad of cornerstone technologies for the World Wide Web.Web browsers receive HTML documents from a web server or from local storage and render them into multimedia web pages. HTML describes the structure of a web page semantically and originally included cues for the appearance of the document.HTML elements are the building blocks of HTML pages. With HTML constructs, images and other objects, such as interactive forms, may be embedded into the rendered page. It provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes and other items. HTML elements are delineated by tags, written using angle brackets.introduce content into the page directly. Others such as surround and provide information about document text and may include other tags as sub-elements. Browsers do not display the HTML tags, but use them to interpret the content of the page.
</blockquote>

<h3>*****ADDRESS*****</h3>
<address>
Written by John Doe.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>

<h3>*****BDO-BIDIRECTIONAL OVERRIDE*****</h3>
<p>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<bdo dir=ltr>Hypertext Markup Language</bdo></p>

<p>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<bdo dir=rtl>Hypertext Markup Language</bdo></p>
</body>

</html>

OUTPUT

*****ABBREVIATION*****

           HTML

*****QUATATIONS*****

           Hypertext Markup Language (HTML) is the standard markup language for creating web pages and web applications.
With Cascading Style Sheets (CSS) and JavaScript it forms a triad of cornerstone technologies for the World Wide Web.Web browsers receive HTML documents from a web server or from local storage and render them into multimedia web pages. HTML describes the structure of a web page semantically and originally included cues for the appearance of the document.HTML elements are the building blocks of HTML pages. With HTML constructs, images and other objects, such as interactive forms, may be embedded into the rendered page. It provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes and other items. HTML elements are delineated by tags, written using angle brackets.introduce content into the page directly. Others such as surround and provide information about document text and may include other tags as sub-elements. Browsers do not display the HTML tags, but use them to interpret the content of the page.

*****ADDRESS*****

Written by John Doe.
Visit us at:
Example.com
Box 564, Disneyland
USA

*****BDO-BIDIRECTIONAL OVERRIDE*****

          Hypertext Markup Language
          Hypertext Markup Language

Note:
&nbsp->it is used for creating space

abbr-> when  mouse moves  to abbr content,it will give information to browser 
 Example: when mouse moves to html in above program,it will display full form of html because we have given the title name  Hypertext Markup Language

<abbr title="Hypertext Markup Language"> HTML </abbr>
at

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)

apply function in R

1) apply function: It takes 3 arguments matrix,margin and function.. Example: m<-matrix(c(1,2,3,4),nrow=2,ncol=2) m #1 indicates it is ap...