Posts

HTML FORMS

Image
HTML FORMS: • Form are used to collect some data from site visitor. • A from will take input from the visitor & post to backend application. • There are various types of elements available like text field, text area, drop-down, radio button, checkbox, password field etc. FORM ATTRIBUTES: HTML FORM CONTROL: • Text input control • Checkbox control • Radio box control • Select Box control • Hidden Control • Clickable Button • Submit & Reset Button Text Input Control: • Single line text input-This control is used for only take one line. It is used by using <input>tag. • Password Input Control-This is also a single line text input but it masks the character. It is also created by using <input>tag. • Multiline Input Control-For multi-line text input we use <textarea>tag.
Post a Comment
Read more

HTML ORDERED LISTS

HTML ORDERED LISTS: • You can also create number list in HTML. • This list is created by using <ol> tag. • The numbering starts at one & is increment by one for each successive order list. Example: <!DOCTYPE html> <html> <head> <title>order Lists </title> </head> <body> <ol> <li>Java</li> <li>HTML</li> <li>CSS</li> <li>Java Script</li> <li>PHP</li> </ol> </body> </html> OUTPUT: 1. Java 2. HTML 3. CSS 4. Java Script 5. PHP There are various types are present in ordered list. Example: <!DOCTYPE html> <html> <head> <title>order Lists </title> </head> <body> <ol type= "i"> <li>Java</li> <li>HTML</li> <li>CSS</li> <li>Java Script</li> <li>PHP</li> </ol> </body> </html> OUTPUT: i. Java ii. HTML iii. CSS iv. Java Script v. PH
Post a Comment
Read more

HTML LISTS

Image
HTML LISTS: • HTML offers web authors to specify the lists in three ways. • <ul> - An unorder list. This list items using plain bullet. • <ol>- An order list. This list items using different schemes of numbers to list your items. • <dl> - An definition list. This arranges items in the same way as they were arranged in a dictionary. HTML UNORDERED LISTS: • An unordered list is a collection of related items that have no special order. • We define the tag by using <ul> tag. • Each item list is marked with a bullet. • You use <li> tag to lists the items. • Type disc is default unordered list type. Example: <!DOCTYPE html> <html> <head> <title>Unorder Lists </title> </head> <body> <ul> <li>Java</li> <li>HTML</li> <li>CSS</li> <li>Java Script</li> <li>PHP</li> </ul> </body> </html> OUTPUT: • Java • HTML • CSS • Java Script • PHP Example:
Post a Comment
Read more

Set Font Colour

Set Font Colour: • You can set font colour by using color attributes. • You can specify either hexadecimal colour code or colour name. Example: <!DOCTYPE html> <html> <head> <title>Font size</title> </head> <body> <font color="#FF00FF">This text is Pink</font><br/> <font color="yellow"> This text is Yellow</font><br/> </body> </html> OUTPUT: This text is Pink This text is Yellow
Post a Comment
Read more

Set Font Face

Set Font Face: • You can set font face by using face attribute. Example: <!DOCTYPE html> <html> <head> <title>Font size</title> </head> <body> <font face="Times new roman">Times Now Roman</font><br/> <font face="verdana">Verdana</font><br/> <font face="Arial">Arial</font><br/> </body> </html> OUTPUT : Times Now Roman Verdana Arial
Post a Comment
Read more

HTML FONTS

Image
HTML FONTS: • Fonts play an important role in making a website. • HTML <font> tag used toad style, size, & colour to the text on your website. • You can use a <basefont> tag to set all of your text to the same size, face, &colour. NOTES: The font & basefont tags are deprecated & it is supposed to be removed in a future version of HTML. So they should not use rather, it’s suggested to use CSS styles to manipulate your fonts. Set Font size: • You can set content font size using size attributes. • The accepted value is 1 to 7. • Default size is 3. • Here size 1 is smallest size & 7 is largest size. • You can also specify the size +n or -n. Example: <!DOCTYPE html> <html> <head> <title>Font size</title> </head> <body> <font size="-1">Font Size="-1"</font><br/> <font size="1">Font Size="1"</font><br/> <font size="2">Font Size=&
Post a Comment
Read more

Table Height & width on HTML

Image
Table Height & width: • You can set the table height & width using height and width attributes. • You can specify the size in the form of pixels or percentage. Example: <!DOCTYPE html> <html> <head> <title>HTML Table</title> </head> <body> <table border="1" width="300" height="50"> <tr> <td>Row 1, Column 1</td> <td>Row 1, Column 2</td> </tr> <tr> <td>Row 2, Column 1</td> <td>Row 2, Column 2</td> </tr> </table> </body> </html> OUTPUT:
Post a Comment
Read more