HTML Basic Document
In this Article Define Html Basics tag then you find easily that where we use. In this Define basics tag in follow example
Example
<html/>
<head/>
<title/>Demo Title</title>
</head/>
<body/>
Demo you can write code
</body>
</html>
<head/>
<title/>Demo Title</title>
</head/>
<body/>
Demo you can write code
</body>
</html>
Text Elements
In This Article Text Elements define all text type elements how you use like
Example
<html/>
<p>This is a paragraph Tag we denoted by p tag and write ant text in this paragraph</p>
<br> (line break). This tag is also denoted by br tag you want to break line and next line should come next and new line then use br tag.
<hr> (horizontal rule). This is denoted by hr tag if you wanna to show line after enter any headline and message then use hr tag it represent a line in horizontal manner.
<pre>This text is preformatted. This is Denoted by pre tag use for preformatted text </pre>
<p>This is a paragraph Tag we denoted by p tag and write ant text in this paragraph</p>
<br> (line break). This tag is also denoted by br tag you want to break line and next line should come next and new line then use br tag.
<hr> (horizontal rule). This is denoted by hr tag if you wanna to show line after enter any headline and message then use hr tag it represent a line in horizontal manner.
<pre>This text is preformatted. This is Denoted by pre tag use for preformatted text </pre>
Logical Styles
Example
<em>This text is emphasized</em>
<strong>This text is strong</strong>
<code>This is some computer code</code>
Physical Styles
Example
<b>This text is bold.This is bold tag denoted by b tag if you wanna bold text and highlight tag then use this bold tag </b>
<i>This text is italic.This is denoted by i if you wanna text in italic then use this tag</i>
<i>This text is italic.This is denoted by i if you wanna text in italic then use this tag</i>
Links, Anchors, and Image Elements
Example
<a href="http://learningmvctutorial.blogspots.in/">This is a Link you can write any button and text and image any control give and set navigation path also</a>
A named anchor:
<a href="https://www.blogger.com/null" name="tips">Useful Tips Section</a>
<a href="https://www.blogger.com/blogger.g?blogID=1451780301140776859#tips">Jump to the Useful Tips Section</a>
A named anchor:
<a href="https://www.blogger.com/null" name="tips">Useful Tips Section</a>
<a href="https://www.blogger.com/blogger.g?blogID=1451780301140776859#tips">Jump to the Useful Tips Section</a>
Frames
Example
<frameset cols="25%,75%">
<frame src="page1.htm">
<frame src="page2.htm">
</frameset>
<frame src="page1.htm">
<frame src="page2.htm">
</frameset>
Forms
Example
<frame src="page2.htm">
<form action="http://www.google.com/" method="post/get">
<input type="text" name="lastname" value="Nixon" size="30" maxlength="50">
<input type="password">
<input type="checkbox" checked="checked">
<input type="radio" checked="checked">
<input type="submit">
<input type="reset">
<input type="hidden">
<select>
<option>Apples <option selected>Bananas <option>Cherries </select>
<textarea name="Comment" rows="60" cols="20"></textarea>
</form>
<form action="http://www.google.com/" method="post/get">
<input type="text" name="lastname" value="Nixon" size="30" maxlength="50">
<input type="password">
<input type="checkbox" checked="checked">
<input type="radio" checked="checked">
<input type="submit">
<input type="reset">
<input type="hidden">
<select>
<option>Apples <option selected>Bananas <option>Cherries </select>
<textarea name="Comment" rows="60" cols="20"></textarea>
</form>
Entities
Example
> is the same as <
< is the same as >
© is the same as ©
< is the same as >
© is the same as ©
Other Elements
Example
<!-- This is a comment -->
<blockquote>
Text quoted from some source.
</blockquote>
<address>
Address 1
Address 2
City
</address>
Everywhere on the Web you will find pages that are formatted like newspaper pages using HTML columns.
<blockquote>
Text quoted from some source.
</blockquote>
<address>
Address 1
Address 2
City
</address>
Everywhere on the Web you will find pages that are formatted like newspaper pages using HTML columns.
Information Inside the Head Element
In this Articale describe How to give information inside the Head Element The elements inside the head element should not be displayed by a browser.
According to the HTML standard, only a few tags are legal inside the head section.
These are:<base>, <link>, <meta>, <title>
Look at the following illegal construct:
<head>
<p>This is some text</p>
</head>
In this case the browser has two options:
· Display the text because it is inside a paragraph element
· Hide the text because it is inside a head element
If you put an HTML element like <h1>or <p> inside a head element like this, most browsers will display it, even if it is illegal.
Should browsers forgive you for errors like this? We don't think so. Others do.
Head Tags
Tag | Description |
---|---|
<head> | Defines information about the document |
<title> | Defines the document title |
<base> | Defines a base URL for all the links on a page |
<link> | Defines a resource reference |
<meta> | Defines meta information |
<!DOCTYPE> | Defines the document type. This tag goes before the <html> start tag. |
The Meta Element
In this Article Discuss about Meta element. The head element contains general information (meta information) about a document.HTML also includes a meta element that goes inside the head element. The purpose of the meta element is to provide meta-information about the document.
Most often the meta element is used to provide information that is relevant to browsers or search engines like describing the content of your document.
Keywords for Search Engines
In this article we discuss about how to write keywords in meta tag so that we easily search.Some search engines on the WWW will use the name and content attributes of the meta tag to index your pages through using Meta tag like in example.
This meta element defines a description of your page:
<meta name="description" content="Free Web tutorials on HTML, CSS, XML, and
XHTML" />
This meta element defines keywords for your page:
<meta name="keywords" content="HTML, DHTML, CSS, XML, XHTML, JavaScript" />
The intention of the name and content attributes is to describe the content of a page.In this article discribe meta keyword and meta description both are mention whatever u want to give search on serach Engines.
However, since too many webmasters have used meta tags for spamming, like repeating keywords to give pages a higher ranking, some search engines have stopped using them entirely.
Unknown Meta Attributes
Sometimes you will see meta attributes that are unknown to you like this:
<meta name="security" content="low" />
Then you just have to accept that this is something unique to the site or to the author of the site, and that it has probably no relevance to you.