This document provides an introduction and overview of basic HTML elements and tags. It discusses how to set up a development environment with a text editor and browser. It then covers the core HTML structure using <head> and <body> tags. Several common tags are described like <br>, <hr>, <b>, <u>, and <i>. The document proceeds to explain other basic elements such as links using the <a> tag, ordered and unordered lists, tables, and forms. Throughout examples are provided of the HTML code and expected output.
Unlock the power of Instagram with SocioCosmos. Start your journey towards so...
Html
1. HTML:-
HTML is commonly known as Hypertext Markup Language.
1. It is used to create the content.
2. It is not a programming language.
WHAT WE NEED TO START:-
Browser (google chrome ,opera, fire fox)
Text Editor (sublime, notepad etc..)
Ok let’s jump into the HTML:
After completing the installation of sublime editor what we have to
do is we have to create a file name…eg.edit.html
For that above example the (.html) is an extention.
DIRECTION TO CREATE A FILE NAME:
Open the sublime editor, then click file at the top left corner.
Click save as and then enter the file name with the extention as
.html it is necessary to end with (.html)
At last click the save button a new folder is created.
Now it’s time to start HTML:
2. To learn html ,first we have to know the html structure which is
given above.
In html we have head and body which is highlighted in tags’<>’
If we start with<>(initial tag),then we have to end
with</>(ending tag).
LETS KNOW ABOUT THE BASIC KEY WORDS:
<br> - space
<hr> -underline(under the passage)
<b> -bold
<u> -underline(under the word)
<i> -italic
{YOU CAN KNOW MORE ABOUT HTML USING THIS LINK
https://oke.io/K35IC}
Then we are going to know <a>tag
Why we are using this tag??
This tag <a> is used to attach the link that is useful for the users.
Then we are going to know about: LIST
There are two types of list ,
1)ordered list
2)unordered list
1)ordered list(ol):-
<ol>
<l1> Hello guys</l1>
<l2>Gud morning</l2>
<l3>Welcome back to the channel</l3>
</ol>
3. When we run this in editor text ,we will get
Output:
1. Hello guys
2. Gud morning
3. Welcome back to the channel
2)Unordered list:-
<ul>
<l1>Hello guys</l1>
<l2>Gud morning</l2>
<l3>Welcome back to the channel</l3>
</ul>
When we run this in editor text ,we will get
Output:
Hello guys
Gud morning
Welcome back to the channel
{YOU CAN KNOW MORE ABOUT HTML USING THIS LINK
https://oke.io/K35IC}
NOW WE ARE GOING TO KNOW ABOUT TABLE:
In table we have separate head and body tag
Lets know about the structure of Table
<Table>
5. Action means the submit or register that we after the form
was filled.
<label>First name </label>
<input type=’text’ name =’fname’>
<label>second name</label>
<input type=’text’ name=’sname’>
<label>message </label>
<textarea>feedback form</textarea>
<label>gender</label>
<select name=”gen”>
<option value=”male”>male</option>
<option value=”female”>female</option>
<option value=”others”>others</option>
</select>
AT LAST WE ARE GOING TO LEARN ABOUT ‘PLACEHOLDER’
<label>First name </label>
<input type=’text’ name =’name’ placeholder=’first name’>
<input type=’submit’ name =’submit’ value =’submit’>
</form>