HTML
(
Tutorials Part-2 )
In this tutorial I tell you about HTML EDITORS
and some important types tags
Web
pages can be created and modified by using professional HTML editors .
However , for learning HTML we recommend a simple text editor like Notepad (PC)
or text edit .
We believe using NOTEPAD , NOTEPAD++ or
TEXTEDIT
Follow steps given below to create you
first web page with notepad .
Step
1 :
How to open notepad in (PC)
In
windows 8 :
Open the start screen (the window
symbol at the bottom left on your screen ) .type NOTEPAd.
In
windows 7 :
Open
START> PROGRAMS >
ACCESSORIES > NOTEPAD
Step
2 :
Procedure
of write something html into notepad
<html>
<head>
<title> here you can give any title </title>
<head>
<body>
<h1>
HELLO WORLD </h1>
</body>
</html>
Step
3:
How
to save HTML page
To save the file on your Computer .
Selected FILE >Save as in the Notepad menu .
Name the file “ index.html ” and set the
encoding to UTF -8 because it is perfect encoding for HTML files.
Step
4 :
How
to view HTML page in your browser
Open
the saved HTML file in your browser ( double click on the file , or right
–click , choose “open with ” and choose any type of browser ).
HTML
Documents :
All HTML documents must start with a
document <!DOCTYPE Html> . The HTML document itself begins with
<html> and ends with </html >
but sometimes we don’t need close tags For Example : <br> tag and <Hr> tag this type of tags
doesn’t need to close .
HTML
Headings :
HTML headings tags are defined as <h1> to <h6> tags. Here
<h1> tag is the most important heading tag and <h6> defined as the
least important heading tag .
For Example :
<h1> this is heading 1 tag
</h1>
<h2> this is heading 2 tag</h2>
<h3> this is heading 3 tag</h3>
<h4> this is heading 4 tag</h4>
<h5> this is heading 5 tag</h5>
<h6> this is heading 6 tag</h6>
HTML
Links :
HTML tags are defined as <a>tag
.<a> write your link between this </a>.
For Example :
<a herf=”https://www.vscreationsm.blogspot.com “> this is a link </a>.
HTML
Buttons :
HTML buttons are defined as <button
>tags . It help to create button on our web pages .
For Example :
<button> write here button name </button>.
HTML
Paragraphs :
HTML paragraph are defined as <p>
tag. With the help of this tags we can
create paragraphs on our web pages.
For example :
<p> write here your paragraph
</p>.
HTML Images :
HTML images are defined as <img>tag
.with the help of this tag we can add images on our web pages . This tag
include various type of attributes are present
ex : alternate text (alt), source file (src), width, height etc.
For Example :
<imgsrc = “vs creations .jpg”
Alt=”vscreations.com”
Width= “88” height = “90”>
Let’s
discuss about one of most important tags
HTML
List :
HTML list are defined as <ul>
(unordered list ) or the <ol> (ordered list) tags , followed by <li> tags (called list
items) :
For Example :
Example of <ul> tag
<ul>
<li> HTML</li>
<li> CSS </li>
<li> Java Script</li>
<li> JQUERY </li>
</ul>
Example of <ol> tag
<ol>
<li> HTML</li>
<li> CSS </li>
<li> Java Script</li>
<li> JQUERY </li>
</ol>
Thanks
for watching this blog
V.S CREATIONS
Comments
Post a Comment