Html

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:

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>

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
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>

<head>
<tr>
<Th>name</Th>
<Th>class </Th>
<Th>percentage</Th>
</tr>
</head>
<body>
<tr>
<td>XYZ</td>
<td>9th
</td>
<td>80%</td>
</tr>
</body>
</table>
Lets know what is <tr>,<td>,<th>
<tr> -it indicates that the data are in column-wise.
<td>-it indicates the data.
<th>-it indicates the heading.
Next topic is FORM:-
<form action=’nxt.php’ method=’POST’>

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>

Html

More Related Content

Similar to Html

Recently uploaded

Html