HTML Doctype

-

HTML Doctype


Learning Outcomes

How to write comment in HTML?

How to write Acronym/Abbreviation such as to show its full version when you mouse over the respective element.


HTML <!--...--> Tag

The comment tag is used to insert comments in the source code. Comments are not displayed in the browsers.
You can use comments to explain your code, which can help you when you edit the source code at a later date. 
This is especially useful if you have a lot of code.

e.g.
<!--This is a comment. Comments are not displayed in the browser-->
<p>This is a paragraph.</p>


HTML <!DOCTYPE> Declaration

The <!DOCTYPE> declaration must be the very first thing in your HTML document, before the <html> tag.
The <!DOCTYPE> declaration is not an HTML tag;
It is an instruction to the web browser about what version of HTML the page is written in.

e.g. 
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>

<body>
The content of the document......
</body>

</html>


HTML <abbr>/ <acronym> Tag

The <abbr> tag indicates an abbreviation or an acronym, like "WWW" or “WHO".
By marking up abbreviations you can give useful information to browsers, spell checkers, translation systems and search-engine indexers.

e.g.
The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.
Can I get this <acronym title="as soon as possible">ASAP</acronym>?



HTML <address> Tag

The <address> tag defines the contact information for the author/owner of a document or an article.
If the <address> element is inside the <body> element, it represents contact information for the document.
If the <address> element is inside an <article> element, it represents contact information for that article.
The text in the <address> element usually renders in italic. 
Most browsers will add a line break before and after the address element.


e.g.
<address>
Written by <a href="mailto:webmaster@example.com">Jon Doe</a>.<br> 
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>

Comments

Post a Comment

Popular posts from this blog

-
Image
Top 10 Programming Languages Important To Learn  Financial and enterprise systems need to perform complicated functions and remain highly organized, requiring languages like Java and C#. Media- and design-related webpages and software will require dynamic, versatile and functional languages with minimal code, such as Ruby, PHP, JavaScript and Objective-C. 1. C Language C  is a high-level and general purpose  programming language  that is ideal for developing firmware or portable applications. Originally intended for writing system software,  C  was developed at Bell Labs by Dennis Ritchie for the Unix Operating System (OS) in the early 1970s.  Dennis MacAlistair Ritchie was an American computer scientist. C  is a very powerful and widely  used  language. It is  used  in many scientific programming  situations. It forms (or is the basis for) the core of the modern languages Java and C++. It al...
Read more

A Javascript Program To make (open new window and close that window) button in your web browser.

-
Image
A Javascript Program To make (open new window and close that window) button in your web browser. < html > < head > < script > function openWin() { myWindow=window.open("","","width=200,height=100"); myWindow.document.write(" <p >This is 'myWindow' </ p >"); } function closeWin() { myWindow.close(); } </ script > </ head > < body > < input type =" button " value =" Open 'myWindow' " onclick =" openWin() " / > < input type =" button " value =" Close 'myWindow' " onclick =" closeWin() " / > </ body > </ html >    
Read more

A simple running clock in javascript

-
A simple running clock in javascript Here I show how to code for a simple digital clock in javascript. The advantage of javascript is that it is only a client side scripting language.  Here’s the code… <html> <head> <title></title> <script type=”text/javascript”> function getClock() { var clock = new Date(); var hours12; var ampm = “AM”; var hours24 = clock.getHours(); var minutes = clock.getMinutes(); var seconds = clock.getSeconds(); if (hours24>=13) { hours12 = hours24 – 12; ampm = “PM”; } else if (hours24==12) { hours12 = 12; ampm = “PM”; } else if (hours24==0) { hours12 = 12; } else { hours12 = hours24; } if(hours12<10) { hours12 =”0″+hours12; } if (minutes<10) { minutes = “0” + minutes; } if(seconds<10) { seconds =”0″+seconds; } var ti...
Read more