HI THIS TOUTORIAL WILL HELP FULL FOR STARTUP IN HTML5 CREATED BY NAVEENRAJU
HTML Tags Examples By NaveenRaju
<a>,<abbr>,<address>,<applet>,<area>,<article>,<aside>,<audio>
<b>,<base>,<basefont>,<bdi>,<bdo>,<big>,<blockquote>,<body>,<br>,<button>
1)<body>: Defines the Documents body
<!DOCTYPE HTML>
<head>
<head>
<body>
</body>
</html>
2)<b>:Defines Bold Text
<!DOCTYPE HTML>
<head>
<head>
<body>
<b>Hello</b>
</body>
</html>
o/p:
2) <basefont>:Not supported in HTML5. Deprecated in HTML 4.01. Specifies a default color, size, and font for all text in a document
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<basefont color="red" size="5" />
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
3)<base>:The HTML <base> tag is used to specify a base URI, or URL, for relative links. For example, you can set the base URL once at the top of your page, then all subsequent relative links will use that URL as a starting point.
<!DOCTYPE HTML>
<head>
<base href="http://grails-startup.blogspot.in/2013/01/" target="_blank" />
</head>
<body>
<p>Learn about <a href="grails-startup-with-dynamic-scffold.html">Java Grails</a></p>
<p>Note: The link above will actually resolve to
<i>http://grails-startup.blogspot.in/2013/01/grails-startup-with-dynamic-scffold.html</i>
regardless of the URL of the current page. This is because the base URL (http://grails-startup.blogspot.in/2013/01/") is prepended to the (relative) URL indicated in the link (grails-startup-with-dynamic-scffold.html)</p>
</body>
</html>
o/p:
4)<bdi>: Bi-directional Isolation.bdi tag is new in HTML5 stands for Bio-directional isolation which is used for isolating the part of the text that might be formatted in the different direction from the text outside it whereas <bdo> tag is used to override the current text direction. It help us to define the language and span of the text for bio-directional text formatting. Since <bdi> tag is new in HTML5 it is only supported in Chrome and firefox.
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<ul>
<li>User <bdi>Naveen</bdi>: SoftwareDeveloper</li>
<li>User <bdi>Sandeep</bdi>: WebDesigner</li>
<li>User <bdi>إيان</bdi>: Tester</li>
</ul>
</body>
</html>
o/p:
User Naveen SoftwareDeveloper
User Sandeep WebDesigner
User إيان Tester
5)<bdo>: Bi-Directional Override
The HTML<bdo> tag is used for overriding the text direction.This can be useful when displaying right-to-left written text (such as Hebrew, Arabic, and other languages/scripts that are written from right to left) within left-to-right text (such as English) or vice versa.dir:* Although this element has no local attributes, you must use the
dir global attribute. The dir attribute specifies the direction of the text:- ltr: Left to right
- rtl: Right to left
<!DOCTYPE HTML>
<body>
<p><b>override text direction? I think you already know!</b></p>
<p>Observe Text it is reverced from righ to left<br>
<b><bdo dir="rtl">override text direction? I think you already know!</bdo></b>
</p>
</body>
</html>
o/p:
6)<big>:The <big> tag defines bigger text. The <big> tag is not supported in HTML5. Use CSS instead.
<html>
<body>
<p>
<big>Bigger text</big>
</p>
</body>
</html>
o/p:
7)< blockquote >:The HTML <blockquote> tag is used for indicating long quotations (i.e. quotations that span multiple lines).
Browsers generally render blockquote text as indented text. If your quoted text needs to display within a non-quoted paragraph, you should use the HTML <q> tag. Most browsers surround q text with quotation marks.
<q> tag. Most browsers surround q text with quotation marks.
<!DOCTYPE HTML>
<body>
<p>According to the Grails website:
<blockquote>After learning J2SE,JDBC,Servlets,JSP,Structs u Can Directly learn Grails. if u r fresher u now only J2SE then u have to learn complete groovy basics
<a href="http://grails-startup.blogspot.in/2013/01/grails-startup-with-dynamic-scffold.html">Grails Blog
</a>
<br>
The HTML (q tag) is used for indicating short quotations (i.e. quotations that needs to display within a non-quoted paragraph).
Browsers generally surround (q tag) text with quotation marks. If your quotation spans multiple lines, you should use the (blockquote ) tag. Most browsers surround blockquote text as indented text.
</blockquote>
</p>
</body>
</html>
o/p
8)<button>:The <button> tag defines a clickable button.
Inside a <button> element you can put content, like text or images. This is the difference between this element and buttons created with the <input> element.
Tip: Always specify the type attribute for a <button> element. Different browsers use different default types for the <button> element.
<!DOCTYPE HTML>
<body>
<!-- Normal Button -->
<button onclick="JavaScript:alert('Well done!')">Click Me!</button>
<!-- Image Button -->
<button onclick="JavaScript:alert('You will love this book!')">
<img src="grails.jpg" alt="Read book" hight="100px" width="100px"/>
<br />Read Book!</button>
</body>
</html>
o/p: click on Grails book img
