The purpose of a web browser (Chrome, IE, Firefox, Safari) is to read HTML documents and display them.
The browser does not display the HTML tags, but uses them to determine how to display the document:
This is default featured slide 1 title
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
This is default featured slide 2 title
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
This is default featured slide 3 title
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
This is default featured slide 4 title
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
This is default featured slide 5 title
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
Html Use br,pre and hr Tag
HTML LINE BREAKS
The HTML <br> element defines a line break.
Use <br> if you want a line break (a new line) without starting a new paragraph.
The <br> tag is an empty tag, which means that it has no end tag.
CODE
<p>This is<br>a paragraph<br>with line breaks.</p>
VIEW
HTML <PRE> ELEMENT
The HTML <pre> element defines preformatted text.
The text inside a <pre> element is displayed in a fixed-width font (usually Courier), and it preserves both spaces and line breaks
CODE
<pre>
Element defines preformatted text.
Element defines preformatted text.
Element defines preformatted text.
Element defines preformatted text.
</pre>
Element defines preformatted text.
Element defines preformatted text.
Element defines preformatted text.
Element defines preformatted text.
</pre>
VIEW
HTML HORIZONTAL RULES
The <hr> tag defines a thematic break in an HTML page, and is most often displayed as a horizontal rule.
The <hr> element is used to separate content (or define a change) in an HTML page
CODE
<h1>This is heading 1</h1>
<p>This is paragraph 1.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is paragraph 2.</p>
<hr>
<p>This is paragraph 1.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is paragraph 2.</p>
<hr>
VIEW
Html Use Attribute
LANG ATTRIBUTE
The language of the document can be declared in the <html> tag.
The language is declared with the lang attribute.
Declaring a language is important for accessibility applications (screen readers) and search engines
Code
<!DOCTYPE html>
<html lang="en-US">
<body>
...
...
...
</body>
</html>
<html lang="en-US">
<body>
...
...
...
</body>
</html>
Title Attribute
a title attribute is added to the <p> element. The value of the title attribute will be displayed as a tooltip when you mouse over the paragraph
Code
<p title="I'm a tooltip">
This is a paragraph.
</p>
This is a paragraph.
</p>
HREF ATTRIBUTE
HTML links are defined with the <a> tag. The link address is specified in the href attribute
Code
<a href="http://www.webtech100.blogspot.com">This is a link</a>
SIZE ATTRIBUTES
The filename of the source (src), and the size of the image (width and height) are all provided as attributes
Code
<img src="webtech100.jpg" width="500" height="230">
ALT ATTRIBUTE
The alt attribute specifies an alternative text to be used, when an image cannot be displayed
Code
<a href="http://www.webtech100.blogspot.com" alt="webtech100.blogspot.com" width="500" height="230">
HTML Use Paragraphs,Links and Images
HTML PARAGRAPHS
HTML paragraphs are defined with the <p> tagCode
<p>This is a paragraph.</p>Output
HTML LINKS
HTML links are defined with the <a> tag
Code
<a href="http://webtech100.blogspot.com/">This is a link</a>
Output
HTML IMAGES
HTML images are defined with the <img> tag.
The source file (src), alternative text (alt), and size (width and height) are provided as attributes
Code
<img src="webtech.jpg" alt="webtech100.blogspot.com" width="500" height="230">
Output
HTML Use Headings
HTML headings are defined with the <h1> to <h6> tags.
<h1> ---------- >>>> defines the most important heading.
.
.
.
<h6> ---------- >>>> defines the least important heading.
<h1> ---------- >>>> defines the most important heading.
.
.
.
<h6> ---------- >>>> defines the least important heading.
Example
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
Output
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
Output
