Table of Contents
HTML Tags Codes Web Page Design for Beginners
Creating an HTML Page
HTML Tags Codes Web Page Design for Beginners का उपयोग जो शुरुवात से और एक दम आसन तरीके से HTML learning करना चाहते है उनके के यह code देखना बहुत जरुरी है.
HTMLकोड के जरिये आप बेसिक वेब पेज को तैयार कर सकते हो साथ ही साथ वेब डिजाइनिंग के html कोड कि जानकारी आसानी से ले सकते हो.
HTML Tags Codes Web Page Design for Beginners
| Tag | Name | Code Example | Browser View |
| <B> | bold | <B>Example</B> | Example |
| <BODY> | body of HTML document | <BODY>The content of your HTML page</BODY> | Contents of your web page |
| <BR> | line break | The contents of your page<BR>The contents of your page | The contents of your web page The contents of your web page |
| <CENTER> | center | <CENTER>This will center your contents</CENTER> | This will center your contents |
| <FONT> | font | <FONT FACE=”Times New Roman”>Example</FONT> | Example |
| <FONT> | font | <FONT FACE=”Times New Roman” SIZE=”4″>Example</FONT> | Example |
| <FONT> | font | <FONT FACE=”Times New Roman” SIZE=”+3″ COLOR=”#FF0000″>Example</FONT> | Example |
| <FORM> | form | <FORM action=”xyz”> Name: <INPUT name=”Name” value=”” size=”10″><BR> Email: <INPUT name=”Email” value=”” size=”10″><BR> <CENTER><INPUT type=”submit”></CENTER> </FORM> | Name: Email: |
| <H1> <H2> <H3> <H4> <H5> <H6> | heading 1 heading 2 heading 3 heading 4 heading 5 heading 6 | <H1>Heading 1 Example</H1> <H2>Heading 2 Example</H2> <H3>Heading 3 Example</H3> <H4>Heading 4 Example</H4> <H5>Heading 5 Example</H5> <H6>Heading 6 Example</H6> | |
| <HEAD> | heading of HTML document | <HEAD>Contains elements describing the document</HEAD> | Nothing will show |
| <HR> | horizontal rule | HTML Tags Codes Web Page Design for Beginners <HR> | Contents of your web page Contents of your web page |
| <HTML> | hypertext markup language | <HTML><HEAD><META><TITLE>Title of your web page</TITLE></HEAD><BODY>HTML web page contents</BODY></HTML> | Contents of your web page |
| <I> | italic | <I>Example</I> | Example |
| <IMG> | image | <IMG SRC=”Earth .gif” WIDTH=”41″ HEIGHT=”41″ BORDER=”0″ ALT=”text describing the image” vspace/ hspace=”40”> | |
| <INPUT> | input field | Example 5: <FORM METHOD=post ACTION=”/cgi-bin/example.cgi”> <CENTER> Select an option: <SELECT> <OPTION >option 1 <OPTION SELECTED>option 2 <OPTION>option 3 <OPTION>option 4</SELECT><BR> | Example 5: (Tip) Select an option: option 1 option 2 option 3 option 4 option 5 option 6 |
| <INPUT> | input field | <FORM METHOD=post ACTION=”/cgi-bin/example.cgi”> Select an option:<BR> <INPUT type=”radio” name=”option”> Option 1 <INPUT type=”radio” name=”option” CHECKED> Option 2 <INPUT type=”radio” name=”option”> Option 3 <BR> <BR> Select an option:<BR> <INPUT type=”checkbox” name=”selection”> Selection 1 <INPUT type=”checkbox” name=”selection” CHECKED>Selection 2 <INPUT type=”checkbox” name=”selection”>Selection 3 <INPUT type=”Submit” VALUE=”Submit”> </FORM> | Select an option: Option 1 Option 2 Option 3 Select an option: Selection 1 Selection 2 Selection 3 |
| <LI> | list item | Example 1: <MENU> <LI type=”disc”>List item 1 <LI type=”circle”>List item 2 <LI type=”square”>List item 3 </MENU> Example 2: <OL type=”i”> <LI>List item 1 <LI>List item 2 <LI>List item 3 <LI>List item 4 </OL> | List item 1 List item 2 List item 3 Example 2: List item 1 List item 2 List item 3 List item 4 |
| <LINK> | link | Visit our <A HREF=”http://www.yourdomain.com/”> | Visit our site |
| <MENU> | menu | <MENU> <LI type=”disc”>List item 1 <LI type=”circle”>List item 2 <LI type=”square”>List item 3 </MENU> | List item 1 List item 2 List item 3 |
| <P> | paragraph | HTML Tags Codes Web Page Design for Beginners This is an example displaying the use of the paragraph tag. <P> This will create a line break and a space between lines. Displaying the use<BR> of the paragraph tag. | This is an example displaying the use of the paragraph tag. This will create a line break and a space between lines. of the paragraph tag. |
| <SMALL> | small (text) | <SMALL>Example</SMALL> | Example |
| <STRIKE> | deleted text | <STRIKE>Example</STRIKE> | |
| <STRONG> | strong emphasis | <STRONG>Example</STRONG> | Example |
| <TABLE> | table | Example 1: <TABLE BORDER=”4> <TR> <TD>Column 1</TD> <TD>Column 2</TD> </TR> </TABLE> Example 2: (Internet Explorer) <TABLE BORDER=”2″ BORDERCOLOR=”#336699” CELLPADDING=”2″ CELLSPACING=”2″ WIDTH=”100%”> <TR> <TD>Column 1</TD> <TD>Column 2</TD> </TR> </TABLE> Example 3: <TABLE CELLPADDING=”2″ CELLSPACING=”2″ WIDTH=”100%”> <TR> <TD BGCOLOR=”#CCCCCC“>Column 1</TD> <TD BGCOLOR=”#CCCCCC“>Column 2</TD> </TR> <TR> <TD>Row 2</TD> <TD>Row 2</TD> </TR> </TABLE> | Example 1: Column 1 Column 2 Example 2: (Tip) Column 1 Column 2 Example 3: (Tip) Column 1 Column 2 Row 2 Row 2 |
| <TH> | table header | <DIV align=”center”><TABLE> <TR> <TH>Column 1</TH> <TH>Column 2</TH> <TH>Column 3</TH> </TR> <TR> </TABLE> </DIV> | Column 1 Column 2 Column 3 Row 2 Row 2 Row 2 Row 3 Row 3 Row 3 Row 4 Row 4 Row 4 |
| <TITLE> | document title | <TITLE>Title of your HTML page</TITLE> | Title of your web page will be viewable in the title bar. |
| <U> | underline | <U>Example</U> | Example |
| | Space | Ram shyam | Ram shyam |
| © | Copyright | © | |
| > and <: | Greater and less than | 5>3 and 10<:12 | > , < |
****************************************************
आपने इस post HTML Tags Codes Web Page Design for Beginners के माध्यम से बहुत कुछ जानने को मिला होगा. और आपको हमारी दी गयी जानकारी पसंद भी आया होगा. हमारी पूरी कोशिश होगी कि आपको हम पूरी जानकारी दे सके.जिससे आप को जानकारियों को जानने समझने और उसका उपयोग करने में कोई दिक्कत न हो और आपका समय बच सके. साथ ही साथ आप को वेबसाइट सर्च के जरिये और अधिक खोज पड़ताल करने कि जरुरत न पड़े.
यदि आपको लगता है HTML Tags Codes Web Page Design for Beginners इसमे कुछ खामिया है और सुधार कि आवश्यकता है अथवा आपको अतिरिक्त इन जानकारियों को लेकर कोई समस्या हो या कुछ और पूछना होतो आप हमें कमेंट बॉक्स में कमेंट करके पूछ सकते है.
और यदि आपको HTML Tags Codes Web Page Design for Beginners की जानकरी पसंद आती है और इससे कुछ जानने को मिला और आप चाहते है दुसरे भी इससे कुछ सीखे तो आप इसे social मीडिया जैसे कि facebook, twitter, whatsapps इत्यादि पर शेयर भी कर सकते है.
धन्यवाद!
Saved as a favorite!, I really like it!