Hell friends,It is very easy
to design HTML page.HTML is Hyper Text Markup Language.It is very helpful for
beginners. I will demonstrate how we start designing simple HTML Page. There are
so many HTML editor are available for designing HTML pages. No matter which
editor is used. The most common editor is Notepad , Notepad++ , Sublime text Let we start with
HTML code and understand how to create simple html page for beginners.
เคฆोเคธ्เคคों, HTML เคชेเค เคกिเคाเคเคจ เคเคฐเคจा เคฌเคนुเคค เคเคธाเคจ เคนै। HTML เคนाเคเคชเคฐ เคेเค्เคธ्เค เคฎाเคฐ्เคเค
เคช เคฒैंเค्เคตेเค เคนै। เคฏเคน เคถुเคฐुเคเคคी เคฒोเคों เคे เคฒिเค เคฌเคนुเคค เคฎเคฆเคฆเคाเคฐ เคนै। เคฎैं เคช्เคฐเคฆเคฐ्เคถिเคค เคเคฐूँเคा เคि เคนเคฎ เคธเคฐเคฒ HTML เคชेเค เคैเคธे เคกिเค़ाเคเคจ เคเคฐเคจा เคถुเคฐू เคเคฐเคคे เคนैं। HTML เคชेเค เคกिเคाเคเคจ เคเคฐเคจे เคे เคฒिเค เคฌเคนुเคค เคธाเคฐे HTML tag เคเคชเคฒเคฌ्เคง เคนैं। เคोเค เคซเคฐ्เค เคจเคนीं เคชเคก़เคคा เคि เคिเคธ editor เคा เคเคชเคฏोเค เคिเคฏा เคाเคคा เคนै। เคธเคฌเคธे เคเคฎ editor Notepad , Notepad++ , Sublime text เคนै เคนเคฎ HTML เคोเคก เคธे เคถुเคฐू เคเคฐเคคे เคนैं เคเคฐ เคธเคฎเคเคคे เคนैं เคि เคถुเคฐुเคเคคी เคे เคฒिเค เคธเคฐเคฒ HTML เคชेเค เคैเคธे เคฌเคจाเคฏा เคाเค।
Basic HTML tags
Some
basic tags are: Paragraph Tag Images Tag Link
Tag Headings Tags Div Tag Anchor
Tag Bold Tag Line Break Tag Center Tag Horizontal
rule Tag Marquee Tag Menu Tag Ordered
List Tag Unordered List Tag Table Tag Table
Row Tag Table Data Tag Table
Header Tag.
All HTML code and information is written between opening tag such as
<> and end closing tab such as Notepad++ is advance of Simple notepad
it is very convenient for HTML code. Download latest
version Notepad++ and Install.
เคธเคญी HTML เคोเคก เคเคฐ เคाเคจเคाเคฐी เคเคชเคจिंเค เคैเค เคैเคธे <> เคเคฐ เคंเคก เค्เคฒोเคिंเค เคैเคฌ เคे เคฌीเค เคฒिเคी เคाเคคी เคนै เคैเคธे เคि เคจोเคเคชैเคก ++ เคธाเคงाเคฐเคฃ เคจोเคเคชैเคก เคธे เคชเคนเคฒे เคนै เคฏเคน HTML เคोเคก เคे เคฒिเค เคนेเคตी เคंเคซเคฐ्เคेเคฌเคฒ เคนै। เคจเคตीเคจเคคเคฎ เคธंเคธ्เคเคฐเคฃ เคจोเคเคชैเคก ++ เคกाเคเคจเคฒोเคก เคเคฐें เคเคฐ เคंเคธ्เคॉเคฒ เคเคฐें।
Now write head and title tag
between html tag.Inside head tag meta tag,title,style tag, script tag etc. we
will learn about these tags in next section. Title tag show the description
about page which is display in top of browser.
เค
เคฌ html tag เคे เคฌीเค เคนेเคก เคเคฐ เคाเคเคเคฒ เคैเค เคฒिเคें। เคเคจเคธाเคเคก เคนेเคก เคैเค เคฎेเคा เคैเค, เคाเคเคเคฒ, เคธ्เคाเคเคฒ เคैเค, เคธ्เค्เคฐिเคช्เค เคैเค เคเคฆि। เคนเคฎ เคเคจ เคैเค्เคธ เคे เคฌाเคฐे เคฎें เค
เคเคฒे เคญाเค เคฎें เคाเคจेंเคे। เคถीเคฐ्เคทเค เคैเค เคชृเคท्เค เคे เคฌाเคฐे เคฎें เคถिเคฒाเคฒेเค เคฆिเคाเคคा เคนै เคो เคฌ्เคฐाเคเค़เคฐ เคे เคถीเคฐ्เคท เคฎें เคช्เคฐเคฆเคฐ्เคถिเคค เคนोเคคा เคนै।
Insert body tag
The content of page is written
inside the body tag.What we written inside body tag will display in browser.We
can decorate page inside body tag using different attributes such as background colour,fore colour,insert tables,insert images,insert videos,insert divs,insert
flash files,insert etc.Let i explain step by step.
เคชेเค เคी เคธाเคฎเค्เคฐी เคฌॉเคกी เคैเค เคे เค
ंเคฆเคฐ เคฒिเคी เคเค เคนै। เคนเคฎ เคฌॉเคกी เคैเค เคे เค
ंเคฆเคฐ เคฒिเคे เคเค เคฌ्เคฐाเคเค़เคฐ เคฎें เคช्เคฐเคฆเคฐ्เคถिเคค เคเคฐेंเคे। เคนเคฎ เคชेเค เคो เค
เคฒเค-เค
เคฒเค เคตिเคถेเคทเคคाเคं เคैเคธे เคฌैเคเค्เคฐाเคंเคก เคเคฒเคฐ, เคซ्เคฐंเค เคเคฒเคฐ, เคंเคธเคฐ्เค เคेเคฌเคฒ, เคंเคธเคฐ्เค เคเคฎेเค, เคंเคธเคฐ्เค เคกाเคฒเคจे, เคตीเคกिเคฏो เคเคจ्เคธเคฐ्เค เคเคฐเคे เคชेเค เคो เคธเคा เคธเคเคคे เคนैं। divs, เคซ़्เคฒैเคถ เคซाเคเคฒें เคกाเคฒें, เคกाเคฒें เคเคฆि। เคเคฐเคฃ เคฆเคฐ เคเคฐเคฃ เคฎैं เคธเคฎเคाเคคा เคนूं।
Comment tag
Before proceed with body tag
i want to explain about comment tag.It is very good practice in every
programming to give description about each code so that everyone can easily
understand the code.In HTML we also describe things in comments tag.It look
like we can insert
comment tag anywhere between HTML tag
เคฌॉเคกी เคैเค เคे เคธाเคฅ เคเคे เคฌเคข़เคจे เคธे เคชเคนเคฒे เคฎैं เคिเคช्เคชเคฃी เคैเค เคे เคฌाเคฐे เคฎें เคฌเคคाเคจा เคाเคนเคคा เคนूं। เคช्เคฐเคค्เคฏेเค เคช्เคฐोเค्เคฐाเคฎिंเค เคฎें เคช्เคฐเคค्เคฏेเค เคोเคก เคे เคฌाเคฐे เคฎें เคตिเคตเคฐเคฃ เคฆेเคจे เคे เคฒिเค เคฏเคน เคฌเคนुเคค เค
เค्เคा เค
เคญ्เคฏाเคธ เคนै เคคाเคि เคนเคฐ เคोเค เคोเคก เคो เคเคธाเคจी เคธे เคธเคฎเค เคธเคे। HTML เคฎें เคนเคฎ เคिเคช्เคชเคฃी เคैเค เคฎें เคीเคों เคा เคญी เคตเคฐ्เคฃเคจ เคเคฐเคคे เคนैं। HTML เคैเค เคे เคฌीเค เคเคนीं เคญी เคिเคช्เคชเคฃी เคैเค เคธเคฎ्เคฎिเคฒिเคค เคเคฐ เคธเคเคคे เคนैं
Image tag
Image tag define image in
html page using source attribute (src).src contain location of image file in
disk.Image tag is used inside body tag.We can also adjust the width and height
of image using height and width attribute.
เคธ्เคฐोเคค เคตिเคถेเคทเคคा (src) เคा เคเคชเคฏोเค เคเคฐเคे HTML เคชृเคท्เค เคฎें เคเคตि เคैเค เคเคตि เคो เคชเคฐिเคญाเคทिเคค เคเคฐเคคा เคนै। เคกिเคธ्เค เคฎें เคเคตि เคซ़ाเคเคฒ เคा เคธ्เคฅाเคจ เคนोเคคा เคนै। เคถเคฐीเคฐ เคैเค เคा เคเคชเคฏोเค เคถเคฐीเคฐ เคैเค เคे เค
ंเคฆเคฐ เคिเคฏा เคाเคคा เคนै। เคนเคฎ เคंเคाเค เคเคฐ เคौเคก़ाเค เคตिเคถेเคทเคคा เคा เคเคชเคฏोเค เคเคฐเคे เคเคตि เคी เคौเคก़ाเค เคเคฐ เคंเคाเค เคो เคญी เคธเคฎाเคฏोเคिเคค เคเคฐ เคธเคเคคे เคนैं।
Paragraph Tag
Paragraph tag is used to
define text in formated way using their attributes.It does not contain any
block elements like table. Paragraph tag attributes are align, class, Id,style,
title.
เคชैเคฐाเค्เคฐाเคซ เคैเค เคा เคเคชเคฏोเค เคเคจเคी เคตिเคถेเคทเคคाเคं เคा เคเคชเคฏोเค เคเคฐเคे เคคैเคฏाเคฐ เคिเค เคเค เคคเคฐीเคे เคธे เคชाเค เคो เคชเคฐिเคญाเคทिเคค เคเคฐเคจे เคे เคฒिเค เคिเคฏा เคाเคคा เคนै। เคเคธเคฎें เคคाเคฒिเคा เคैเคธे เคोเค เคฌ्เคฒॉเค เคคเคค्เคต เคจเคนीं เคนोเคคे เคนैं। เค
เคจुเค्เคेเคฆ เคैเค เคตिเคถेเคทเคคाเคँ เคธंเคฐेเคिเคค, เคตเคฐ्เค, เคเคเคกी, เคถैเคฒी, เคถीเคฐ्เคทเค เคนैं।
Heading Tag
Heading tag are only used
for heading. We can not bold text or change font size of text. Its range is H1
to H6. H1 for most and H6 for least size of text.
เคนेเคกिंเค เคैเค เคा เคเคชเคฏोเค เคेเคตเคฒ เคนेเคกिंเค เคे เคฒिเค เคिเคฏा เคाเคคा เคนै। เคนเคฎ เคेเค्เคธ्เค เคो เคฌोเคฒ्เคก เคจเคนीं เคเคฐ เคธเคเคคे เคนैं เคฏा เคेเค्เคธ्เค เคा เคซ़ॉเคจ्เค เคเคाเคฐ เคจเคนीं เคฌเคฆเคฒ เคธเคเคคे เคนैं। เคเคธเคी เคฐेंเค H1 เคธे H6 เคนै। เค
เคงिเคांเคถ เคे เคฒिเค H1 เคเคฐ เคชाเค เคे เคเคฎ เคธे เคเคฎ เคเคाเคฐ เคे เคฒिเค H6।
Div Tag
The div tag is just like a
container unit.It encapsulates other page elements and divides the HTML
document into sections. Web developers use div elements to group with HTML
elements and apply CSS styles to many elements at once. For instance, by
wrapping a set of paragraph elements into a div element, the developer can take
advantage of CSS styles and apply a font to all paragraphs at once by applying
a font style to the div tag instead of coding the same style for each paragraph
element.The basic attributes of Div tag element are Id,title,name,style.
Div เคैเค เคเค เคंเคेเคจเคฐ เคฏूเคจिเค เคी เคคเคฐเคน เคนै। เคฏเคน เค
เคจ्เคฏ เคชेเค เคเคฒिเคฎेंเค्เคธ เคो เคเคจ्เค्เคฐिเคช्เค เคเคฐเคคा เคนै เคเคฐ HTML เคกॉเค्เคฏूเคฎेंเค เคो เคธेเค्เคถเคจ เคฎें เคตिเคญाเคिเคค เคเคฐเคคा เคนै। เคตेเคฌ เคกेเคตเคฒเคชเคฐ HTML เคคเคค्เคตों เคे เคธाเคฅ เคธเคฎूเคน เคฎें div เคคเคค्เคตों เคा เคเคชเคฏोเค เคเคฐเคคे เคนैं เคเคฐ เคเค เคนी เคฌाเคฐ เคฎें เคเค เคคเคค्เคตों เคे เคฒिเค CSS เคถैเคฒिเคฏाँ เคฒाเคू เคเคฐเคคे เคนैं। เคเคฆाเคนเคฐเคฃ เคे เคฒिเค, เคเค เคชैเคฐाเค्เคฐाเคซ เคฎें เคชैเคฐाเค्เคฐाเคซ เคคเคค्เคตों เคे เคเค เคธेเค เคो เคฒเคชेเคเคเคฐ, เคกेเคตเคฒเคชเคฐ เคธीเคเคธเคเคธ เคถैเคฒिเคฏों เคा เคฒाเคญ เคเค ा เคธเคเคคा เคนै เคเคฐ เคช्เคฐเคค्เคฏेเค เคชैเคฐाเค्เคฐाเคซ เคे เคฒिเค เคเค เคนी เคถैเคฒी เคो เคोเคก เคเคฐเคจे เคे เคฌเคाเคฏ เคกिเคต เคैเค เคे เคฒिเค เคเค เคซॉเคจ्เค เคธ्เคाเคเคฒ เคฒाเคू เคเคฐเคे เคธเคญी เคชैเคฐाเค्เคฐाเคซ เคชเคฐ เคเค เคซ़ॉเคจ्เค เคฒाเคू เคเคฐ เคธเคเคคा เคนै। เคคเคค्เคต। เคกिเคต เคैเค เคคเคค्เคต เคे เคฎूเคฒ เคुเคฃ เคเคเคกी, เคถीเคฐ्เคทเค, เคจाเคฎ, เคถैเคฒी เคนैं।
Anchor Tag
<a> tag is known as
link or hyperlink.<a> tag is simple and important it is used to link from
one page to another. Attributes of Tag <a> are href,name,rel,title,method.
<a> เคैเค เคो เคฒिंเค เคฏा เคนाเคเคชเคฐเคฒिंเค เคे เคฐूเคช เคฎें เคाเคจा เคाเคคा เคนै। <a> เคैเค เคธเคฐเคฒ เคเคฐ เคฎเคนเคค्เคตเคชूเคฐ्เคฃ เคนै เคเคธเคा เคเคชเคฏोเค เคเค เคชृเคท्เค เคธे เคฆूเคธเคฐे เคชृเคท्เค เคो เคฒिंเค เคเคฐเคจे เคे เคฒिเค เคिเคฏा เคाเคคा เคนै। เคैเค <a> เคे เคुเคฃ href, เคจाเคฎ, rel, เคถीเคฐ्เคทเค, เคตिเคงि เคนैं।
Bold Tag
<b> tag is used to
bold the text.Highlight the normal text by using <b> tag.
<b> เคैเค เคा เคเคชเคฏोเค เคेเค्เคธ्เค เคो เคฌोเคฒ्เคก เคเคฐเคจे เคे เคฒिเค เคिเคฏा เคाเคคा เคนै। <b> เคैเค เคा เคเคชเคฏोเค เคเคฐเคे เคธाเคฎाเคจ्เคฏ เคेเค्เคธ्เค เคो เคนाเคเคฒाเคเค เคเคฐें।
Line Break Tag
<br> tag has no no tag
because it is empty tag. <br> tag used for line break in text. It is
useful more than one sentences are written in new lines such as
addresses,songs,poem,paragraphs etc.
<br> เคैเค เคฎें เคोเค เคैเค เคจเคนीं เคนै เค्เคฏोंเคि เคฏเคน เคाเคฒी เคैเค เคนै। เคेเค्เคธ्เค เคฎें เคฒाเคเคจ เคฌ्เคฐेเค เคे เคฒिเค เคเคชเคฏोเค เคिเคฏा เคाเคจे เคตाเคฒा เคैเค। เคฏเคน เคเคชเคฏोเคी เคนै เคเค เคธे เค
เคงिเค เคตाเค्เคฏ เคจเค เคชंเค्เคคिเคฏों เคैเคธे เคชเคคे, เคीเคค, เคเคตिเคคा, เคชैเคฐाเค्เคฐाเคซ เคเคฆि เคฎें เคฒिเคे เคเค เคนैं।
Center Tag
<Center> tag is used
to align center , text written inside <Center> tag.It is used to align
text.Center tab can be used in paragraph tag,span tag and other elements.
<Center> เคैเค เคा เคเคชเคฏोเค เคेंเคฆ्เคฐ เคो เคธंเคฐेเคिเคค เคเคฐเคจे เคे เคฒिเค เคिเคฏा เคाเคคा เคนै, <Center> เคैเค เคे เค
ंเคฆเคฐ เคฒिเคा เคเคฏा เคชाเค । เคเคธเคा เคเคชเคฏोเค เคชाเค เคो เคธंเคฐेเคिเคค เคเคฐเคจे เคे เคฒिเค เคिเคฏा เคाเคคा เคนै। เคेंเคฆ्เคฐ เคैเคฌ เคा เคเคชเคฏोเค เคชैเคฐाเค्เคฐाเคซ เคैเค, เคธ्เคชैเคจ เคैเค เคเคฐ เค
เคจ्เคฏ เคคเคค्เคตों เคฎें เคिเคฏा เคा เคธเคเคคा เคนै।
Horizontal rule Tag
<hr> tag is known as
horizontal rule. It is used to draw horizontal line. It has following
attributes such as align,size,width,no shade.It support all the browsers.
<hr> เคैเค เคो เค्เคทैเคคिเค เคจिเคฏเคฎ เคे เคฐूเคช เคฎें เคाเคจा เคाเคคा เคนै। เคเคธเคा เคเคชเคฏोเค เค्เคทैเคคिเค เคฐेเคा เคींเคเคจे เคे เคฒिเค เคिเคฏा เคाเคคा เคนै। เคเคธเคฎें เคจिเคฎ्เคจ เคตिเคถेเคทเคคाเคं เคนैं เคैเคธे เคि เคธंเคฐेเคिเคค เคเคฐें, เคเคाเคฐ, เคौเคก़ाเค, เคोเค เคाเคฏा เคจเคนीं। เคฏเคน เคธเคญी เคฌ्เคฐाเคเค़เคฐों เคा เคธเคฎเคฐ्เคฅเคจ เคเคฐเคคा เคนै।
By using these basic tags we can easily create simple HTML page.We will discuss more tags in upcoming post.
