How To Create A Website Using HTML Only On Notepad No CSS Used ,
सिर्फ HTML का Use कर एक अच्छी Website कैसे बनाये ?
बिना किसी CSS या Script Language के , सिर्फ HTML का Use करके भी एक Simple मगर अच्छी Website बनाई जा सकती हैं। आज की इस Post में हम Example सहित आपको एक Website बनाना सिखाने जा रहे हैं।
Example में दिखाई गयी Website के लिए HTML Coding नीचे दी गई हैं। सबसे पहले Notepad में एक नया Page , Open कर उसमें नीचे दी गई HTML Coding लिख लीजिए।
<html>
<head> <title> How To Create A Website Using HTML Only </title> </head>
<body>
//Table बनाने के लिए
<table Height=”600″ width=”1500″ border=”4″ bordercolor=”blue”>
//Table की पहली Row बनाने के लिए HTML Coding
<tr>
<td colspan=”6″ bgcolor=”#980bnv”>
<p align=”center”>
<Font face=”Lucida Handwriting” Size=”9″ color=”white”>
Shape Kids Public School </font> </p> </td></Tr>
//Table के दूसरी Row बनाने के लिए HTML Coding
<Tr bgcolor=”pink”>
//दूसरी Row , पहला column बनाने के लिए
<td> <p align=”center”> <Font Size=”6″ color=”blue”>
<a href=”C:\Users\dell\Desktop\aboutus.html”> About Us </a></Font></p></td>
//दूसरी Row , दूसरा Column बनाने के लिए
<td> <p align=”center”><Font Size=”6″ color=”blue”>
<a href=”C:\Users\dell\Desktop\Admissions.html”>Admissions</a></Font></p></td>
//दूसरी Row , तीसरा Column बनाने के लिए
<td> <p align=”center”><Font Size=”6″ color=”blue”>
<a href=”C:\Users\dell\Desktop\Academics.html”>Academics</a></Font></p></td>
//दूसरी Row , चौथा Column बनाने के लिए
<td> <p align=”center”><Font Size=”6″ color=”blue”>
<a href=”C:\Users\dell\Desktop\Gallery.html”>Gallery</a></Font></p></td>
//दूसरी Row , पाँचवा Column बनाने के लिए
<td> <p align=”center”><Font Size=”6″ color=”blue”>
<a href=”C:\Users\dell\Desktop\Fee.html”>Fee </a></Font></p></td>
//दूसरी Row , छठा Column बनाने के लिए
<td> <p align=”center”><Font Size=”6″ color=”blue”>
<a href=”C:\Users\dell\Desktop\Contactus.html”> Contact us</a></Font></p></td>
</Tr>
//Table के तीसरी Row बनाने के लिए HTML Coding
<Tr bgcolor=”yellow”>
//तीसरी Row , पहला Column बनाने के लिए
<td> <img src=”C:\Users\dell\Desktop\kids.png” height=300 width=300></td>
तीसरी Row , दूसरा Column बनाने के लिए
<td colspan=”5″ >
<Font Size=”6″ color=”Blue”>
The school was established in Year 2010.
Shape Kids Public School is a Co-ed school affiliated to Central Board of Secondary Education (CBSE).
<br>
It is managed by Shape Kids Public School Management Society, Ramnagar (M.P).</FOnt>
<br>
<FOnt size=”6″ color=”red”>
Board – CBSE
<br>
Classes – Nursery TO 8th
<br>
Ownership – Private
<br>
Gender – Co-ed
<br>
Year of Opening – 2010<FOnt>
</td></Tr>
</table><body> </html>
पूरी HTML Coding लिखने के बाद इस File को Home.html या Index.html नाम से Save कर दीजिए। Website बनाते वक्त हमेशा Main File का नाम Home.html या Index.html ही रखना चाहिए।
इसके बाद इस Example के हिसाब से हमें 6 Html Files और बनानी पड़ेगी जिन्हें हमें About Us , Admission , Gallery , Fee , Academics और Contact Us , Text के साथ जोड़कर उन्हें Hyperlink बनाना पड़ेगा। यहां पर हम सिर्फ दो (About Us और Contact us) Files की HTML Coding लिख रहे हैं। बाकी आप खुद Practices कीजिए । सभी Files लगभग Same तरीके से ही बनेगी।
HTML Coding For About Us HTML File.
सबसे पहले Notepad में एक नया Page Open कर उसमें नीचे दी गई HTML Coding लिख लीजिए।
<html>
<head> <title> About Us File </title> </head>
<body>
<table Height=”600″ width=”1500″ border=”0″ >
<tr>
<td bgcolor=”#980bnv”>
<p align=”center”>
<Font face=”Lucida Handwriting” Size=”8″ color=”white”>
Welcome to Shape Kids Public School.
<br>
The school was established in Year 2010.
<br>
Shape Kids Public School is a Co-ed school affiliated to Central Board of Secondary Education (CBSE).
<br>
It is managed by Shape Kids Public School Management Society, Ramnagar
</font></p></td></tr></table>
</body> </html>
पूरी HTML Coding लिखने के बाद इस File को aboutus.html नाम से Save कर दीजिए।
HTML Coding For Contact Us File.
<html>
<head> <title> Contact Us HTML File </title> </head>
<body>
<table Height=”600″ width=”1500″ border=”0″ >
<tr>
<td bgcolor=”#980bnv”> <p align=”center”> <Font face=”Lucida Handwriting” Size=”8″ color=”white”>
Shape Kids Public School.
<br>
Station Road , <br>
Near City Hospital,
<br>
Ramnagar (M.p)
<br>
contact No- xxxx7865xx
</font></p></td></tr></table>
<body> </html>
पूरी HTML Coding लिखने के बाद इस File को Contactus.html नाम से Save का दीजिए।
Note – इसी तरह अन्य चारों HTML Files को भी एक -एक कर बना लीजिए। एक बार सब Files के बन जाने के बाद आप अपनी Main File , Home.html को Open कर इन सभी Files को एक -एक कर Related Text के साथ <A Href>Tag से जोड़ कर उन्हें Hyperlink बना लें।
For Example-
<a href=”C:\Users\dell\Desktop\Contactus.html”> Contact Us </a>
<a href=”C:\Users\dell\Desktop\ Aboutus.html”> About Us </a>
इस तरह आपकी एक Simple मगर Beautiful Website बनाकर तैयार हो जायेगी।
How TO Create A Website Using HTML Only ,
इसी Post से संबंधित “How TO Create A Website Using HTML Only” , Video को हमारे YouTube channel में देखने के लिए इस Link में Click करें । YouTube channel link – (Padhai Ki Batein / पढाई की बातें)
NOTE – Class 8th , 9th , 10th , 11th , 12th के हिन्दी विषय के सभी Chapters से संबंधित videos हमारे YouTube channel (Padhai Ki Batein / पढाई की बातें) पर भी उपलब्ध हैं। कृपया एक बार अवश्य हमारे YouTube channel पर visit करें । सहयोग के लिए आपका बहुत – बहुत धन्यबाद।
You are most welcome to share your comments . If you like this post . Then please share it . Thanks for Reading.
यह भी पढ़ें…
How To Create Hyperlink In HTML
How To Insert An Image In HTML Page
Ordered And Unordered List In HTML