際際滷

際際滷Share a Scribd company logo

Html

Download as PPSX, PDF
K
kumar alok

This document provides instructions on how to create basic HTML elements like headings, paragraphs, horizontal rules, and tables using Notepad. It explains how to open Notepad, type HTML tags and content, save the file with a .html extension, and view the rendered page in a web browser. Key elements covered include <h1>-<h3> headings, <p> paragraphs, <hr> horizontal rules, <table>, <tr>, and <td> table cells. The document also discusses using browser developer tools to view the source code and check for errors in the HTML tags.

1 of 40
Download to read offline
HTML
HTML with note pad
Open note pad
Type the ext on note pad All the think you want to see on your web browser..
Then save the notepad.. You have to save Enter the name triel.html Then press Enter
Minimize the note pad Open the library Open doucment Open triel
Then go to note pad Then type My heading Then press Ctrl+S
The n press alt+tab Press f5 Then press alt+tab
Open note pad Type <h1> My heading</h1> Then press ctrl+S Then Alt+tab Press f5
Go to note pad Type <h2> second heading</h2> For 3rd heading Type <h3> 3rd heading</h3>
Note.. Every time you are using <h1> and then </h1> The <h1> is called the start tag </h1> is the end tag That means <> and </> are tags
paragraph <p> Your paragraph here</p> Then save and open brwo
Horizental line ______________________________
Horizental line For horizental line the code is <hr> Then save and see on browser..
Table.. For table the code is <table> </table>
Table.. For table row the code is <table> <tr> </tr> </table>
Table.. For table cell the code is For easy recognise arrange like this by pressing enter & space <table> <tr> <td></td> </tr> </table>
Table.. My instruction to you td stands for Table Cell Your code on note pad <table> <tr> <td></td> </tr> </table>
Table.. My instruction to you then type one 1 in the table cell Then save and see Your code on note pad <table> <tr> <td>1 </td> </tr> </table>
Table.. My instruction to you For new cell Make new sell Type kaki in new sell Then save and see Your code on note pad <table> <tr> <td>1 </td> <td>kaki</td> </tr> </table>
Table.. My instruction to you For new row type new row Then make new cell in <tr> command Your code on note pad 1. <table> 2. <tr> 3. <td>1 </td> <td>kaki</td> 4. </tr> 5. <tr> <td></td> </tr> 6. </table>
Table.. My instruction to you Then type a new name alok in that new cell Then save and see Your code on note pad 1. <table> 2. <tr> 3. <td>1 </td> <td>kaki</td> 4. </tr> 5. <tr> <td>alok </td> </tr> 6. </table>
Table.. My instruction to you And then add new cell <td></td> Then save and see Your code on note pad 1. <table> 2. <tr> 3. <td>1 </td> <td>kaki</td> 4. </tr> 5. <tr> <td>alok </td> </tr> 6. </table>
Table.. My instruction to you And then add new cell <td></td> Then save and see Your code on note pad 1. <table> 2. <tr> 3. <td>1 </td> <td>kaki</td> 4. </tr> 5. <tr> <td>alok </td> </tr> 6. </table>
For better understinging Add border Go to <table> line Then change it to <table border=1> Then save and see
View the sourse code To view your sourse code Press ctrl+U on your browser 1. <table> 2. <tr> 3. <td>1 </td> <td>kaki</td> 4. </tr 5. <tr> <td>alok </td> </tr> 6. </table>
Then save and Now see some thing wrong To check it
What is the sourse code ? Sourse code is the file that is uploaded on your browser..
What is the benefit to see it..? Any thing wrong with your code will be red in color And it will help you to identify..
Lets check it.. Go to note pad Make some error with tags Any tag (<>)
Html Html is about coading.. Few examples
<h1> .</h1>
<h2>. </h2>
&鉛岳;岳温恢鉛艶&乙岳;..&鉛岳;/岳温恢鉛艶&乙岳;
&鉛岳;恢姻&乙岳;
&鉛岳;鞄姻&乙岳;
&鉛岳;糸庄厩&乙岳;.&鉛岳;/糸庄厩&乙岳;
&鉛岳;沿&乙岳;..&鉛岳;/沿&乙岳;
Triel this code your self And make some tasks for your practice..
Thank you..

More Related Content

Html