HTML Web Browser
It is client software that allows
users to display and interact with a document. Browsers interpret code. It is
one of the most important internet software in use. The most common browser
used to navigate the WWW are Netscape Navigator and Microsoft Internet
Explorer. Exactly how a document appears through will vary from browser to
browser and from computer to computer. For Example, most browsers in use today
are graphically browsers: they can display elements other than text. But
text-based browsers like, Linux, can display only text.
HTML Basic Examples
A typical HTML
Document will have the following structure as :
<!DOCTYPE
html>
<html>
<head>
<title>This is document title</title>
</head>
<body>
<h1>This is a heading</h1>
<p>Document content goes here.....</p>
</body>
</html>
|
You can try it yourself from here given link :
Just copy above code and past it in the code section and click on
the JKS RUN>> button to find the result.
Here is your result shown below :
HTML Document Type Declaration :
The <!DOCTYPE> declaration tag is used to understand the version of the HTML5 used in the document. It declare on the top of the documents between opening with exclamation mark <!DOCTYPE html> and closing angle brackets.
All HTML Document must start with this
syntax : < !DOCTYPE html >
The HTML Document itself begins with
the opening tag < html > and < / html
> closing tag.
The visible part of the HTML document
is between < body > and < / body
> .
A typical HTML
Document will have the following structure as :
<!DOCTYPE
html>
<html>
<head>
<title>This is document title</title>
</head>
<body>
<h1>This is a heading</h1>
<p>Document content goes here.....</p>
</body>
</html>
|
You can try it yourself from here given link :
Just copy above code and past it in the code section and click on
the JKS RUN>> button to find the result.
HTML Headings Declarations :
There are six
heading tags like h1 to h6.
HTML h1 Heading
must declare with this syntax: <h1> //your heading goes
here </h1>.
HTML h1 Heading
must declare with this syntax: <h2> //your heading goes
here </h2>.
HTML h1 Heading
must declare with this syntax: <h3> //your heading goes
here </h3>.
HTML h1 Heading
must declare with this syntax: <h4> //your heading goes
here </h4>.
HTML h1 Heading
must declare with this syntax: <h5> //your heading goes
here </h5>.
HTML h1 Heading
must declare with this syntax: <h6> //your heading goes
here </h6>.
HTML Headings Example
<!DOCTYPE
html>
<html>
<head>
<title>This is Headings examples</title>
</head>
<body>
<h1>This
is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
<h4>This is a heading</h4>
<h5>This is a heading</h5>
<h6>This is a heading</h6>
</body>
</html>
|
You can try it yourself from here given link :
Just copy above code and past it in the code section and click on
the JKS RUN>> button to find the result.
Here is your result shown below :
HTML Paragraph Declarations :
All HTML
Paragraphs defined as <p> and </p>
HTML Paragraphs Example
<!DOCTYPE
html>
<html>
<head>
<title>This is Paragraph examples</title>
</head>
<body>
<p>This is a paragraph</p>
<p>This is another paragraph</p>
<p>This is another paragraph</p>
</body>
</html>
|
You can try it yourself from here given link :
Just copy above
code and past it in the code section and click on the JKS RUN>> button to find the result.
Here is your result shown below :
HTML Link Declarations :
All
HTML Link must start with this syntax:< a href="#" > and </ a
> closing anchor tags.
The HTML link tag
have a "href" attribute which indicate the resources of the
anchor tag which help us to jump one sections/pages to another pages/sections.
HTML Link Examples
<!DOCTYPE html>
<html>
<head>
<title>This is Link Examples</title>
</head>
<body>
<h1>This is First Website of JKS DIGI</h1>
<a href="www.digiaccess.in/"
target="_blank">digiaccess.in</a>
<h1>This is Second Website of JKS DIGI</h1>
<a href="https://jksdigis.blogspot.com/"
target="_blank">jksdigis.blogspot.com</a>
</body>
</html>
|
You can try it yourself from here given link :
Just copy above
code and past it in the code section and click on the JKS RUN>> button to find the result.
Here is your result shown below :
HTML Image Declarations :
All
HTML img tag must start with this syntax:< img src="#"
/> self closing tags
The HTML img
tag have a "src" attribute which indicate or specified that
the resources of the img tag which help us to insert many images in this
documents like background, div sections etc.
HTML img tag Examples
<DOCTYPE
html>
<html>
<head>
<title>This
is Image tag examples</title>
</head>
<h1>This
is img tag examples</h1>
<img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipnV_AUpb9teLiglJHrKtBwlaPB4bA-9pLfejnvETFCspSaHQaDpIW7-tu0NWxk6XOqivuUPSyxlbi3yM6rPRvXbbNGaiERvQ1UmY9EJCCPxzx0e0Wt9GzLuoXPOJswTq5eIeLOgbKO99c/s1600/fdg.png"
width="100%" height="100%"/>
</body>
</html>
|
You can try it yourself from here given link :
Just copy above
code and past it in the code section and click on the JKS RUN>> button to find the result.
Here is your result shown below :
HTML Line Break Tag :
This
is the basic syntax for <br
/> tag is a stand-alone tag which used for line breaks between anything
like heading, paragraphs, and many more things. <br /> tags is a
self closing tags.
Whenever
you use the <br /> element, anything following it starts from the
next line. This tag is an example of an empty element, where you do not
need opening and closing tags, as there is nothing to go in between them.
The <br
/> tag has a space between the characters br and the forward
slash. If you omit this space, older browsers will have trouble rendering the
line break, while if you miss the forward slash character and just use <br>
it is not valid in XHTML.
<DOCTYPE
html>
<html>
<head>
<title>This
is Line Break examples</title>
</head>
<body>
<p>Hello JKS DIGI</p> <br
/> //This is line break tag
<p>How are you
JKS DIGI</p>
<br /> // This is another line break tags used to break the line
<p>Please
watch my website <br />
www.digiaccess.in
<br />
And <br />
</p>
</body>
</html>
|
You can try it yourself from here given link :
Just copy above
code and past it in the code section and click on the JKS RUN>> button to find the result.
This will produce the
following results :
HTML Center Tag :
You can use <center>
tag to put your contents in the middle mean Centre of the page.
<DOCTYPE
html>
<html>
<head>
<title> This is Center
tag Examples </title>
</head>
<body>
<p>Hello JKS DIGI</p>
<center> //This tags used for put the contents in middle of the page
<p>How are you
JKS DIGI</p>
<br /> // This is another line break tags used to break the line
<p>Please
watch my website <br />
www.digiaccess.in
<br />
And <br />
</p>
</center>
</body>
</html>
|
You can try it yourself from here given link :
Just copy above
code and past it in the code section and click on the JKS RUN>> button to find the result.
This will produce the
following results :
Horizontal Lines :
The <hr
/> tags used to insert a Horizontal lines or used to visually break-up
sections of a document. The <hr /> tag creates a line from the
current position in the document to the right margin and breaks the line
accordingly.
Again
<hr /> tag is an example of the empty element, where you do
not need to use opening and closing tags, as there is nothing to go in between
them.
The <hr
/> element has a space between the characters hr and the forward
slash. If you omit this space, older browsers will have trouble rendering the
horizontal line, while if you miss the forward slash character and just use <hr>
it is not valid in XHTML
For
examples, you may want to give a line between two paragraphs as in the given
examples below as :
Basic Syntax is :
<hr />
<DOCTYPE
html>
<html>
<head>
<title> This is horizontal
line tag Examples </title>
</head>
<body>
<p>Hello JKS DIGI</p>
<hr /> //This tags used for put a horizontal line
<p>How are you
JKS DIGI</p>
<hr /> //This tags used for put a horizontal line
<p>Please
watch my website <br />
And <br />
</p>
</body>
</html>
|
You can try it yourself from here given link :
Just copy above
code and past it in the code section and click on the JKS RUN>> button to find the result.
This will produce the
following results :
Preserve Formatting :
Sometimes, you
want your text to follow the exact format of how it is written in the HTML
document. In these cases, you can use the preformatted tag <pre>.
Any text between the opening <pre> tag and the closing </pre>
tag will preserve the formatting of the source document.
Basic Syntax is
:
<pre> Contents
goes here </pre>
<DOCTYPE
html>
<html>
<head>
<title> This is Preserve
Formatting tag Examples </title>
</head>
<body>
<p><b>Hello JKS DIGI</b></p>
<pre> //This tags used to preserve formatting
<p>How are you
JKS DIGI</p>
<p>Please
watch my website <br />
And <br />
</p>
<pre> //This tags used to preserve formatting
</body>
</html>
|
You can try it yourself from here given link :
Just copy above
code and past it in the code section and click on the JKS RUN>> button to find the result.
This will produce the following results :
None-Breaking Spaces :
Use of
for keep more spaces between the phrases and the insert the more line into
the contents, letter, words etc.
In cases, where
you do not want the client browser to break text, you should use a nonbreaking
space entity instead of a normal space.
Just type These words
as to keep spaces and line break between two or more sentences,
words, letter etc.
Basic Syntax is
:
Text goes before
Text goes after
<DOCTYPE
html>
<html>
<head>
<title> This is none
breaking Examples </title>
</head>
<body>
<p><b>Hello JKS
DIGI</b></p>
//This tags used to none breaking format
<p>How are you
JKS DIGI</p>
<p>Please
watch my
website <br />
And <br />
</p>
//This tags used to none breaking format
</body>
</html>
|
You can try it yourself from here given link :
Just copy above
code and past it in the code section and click on the JKS RUN>> button to find the result.
This
will produce the following results :
Post a Comment
Give suggestions if any? Thanks! Jitendra Kumar