Web Designing
HTML:-Hyper Text Marked Language
How To Write H.T.M.L Script:-We Have Use The Code Only ,it not a programing,We Have use H.T.M.L Tags only
How To Use The H.T.M.L Tags:-First We Have To Go The Programes->Accessories->notepad Then We Should Write The code in H.T.M.L.
Every HTML Doccument Has tag begining and tag ending,it is denoted by “/”,at ending only we should give that tag.
For eg:-<HTML>…..</HTML>.
All the HTML Sentences,Statements,all these done only in Angular brackets,Beggning tag was “<“,Ending tag was “>”.
Eg:<HTML>This is html language</HTML>.
<HTML>:-We Have use tag at the begning of the doccument
</HTML>:-We have use tag at the ending of the doccument.
Eg1.For eg:-Print Anil Kumar,We Have write the code in HTML
<HTML>
<BODY>
<XXXXX>
</Body>
</HTML>
hen We have go File menu And Save With Extenction HTML.
Then we should close The Notepad and we should open the InternetExplorer,Then click the File menu,click the open ,select the Saved file then open that doccument.
Eg2.<HTML>
<HEAD>
<TITLE>ANIL</TITLE>
</HEAD>
<BODY>
<P>The Big Picture About HTML </P>
<P>HTML is Not a Programing Language </p>.
<body>
</HTML>.
Note:- We Have to Know About Some Tags in the Above Example.
<head>:-We have start with this tag,IT is used to represent some number.Eg:-1.
</head>:-We have to ends with tags.
<title>:-With this tags,we can mention the TITLE at the Internet Explorer At the top.We have to end with </title>.
<p>:-If we want Start With Para,we should denoted with “<p>”.
</p>:-para should Ended with “</p>”.
Eg:-<p>This is Very Good Web site.</p>
IF We Want Write The Comments in HTML ,We Have 2 tags.
Comments Have to Start With symbol ‘<!-’,We Have End With ‘-->’.
Eg:- <!- First Para is reference for 4th page -->.
IF any modifications in the HTML code,we should go to Internet Explorer Click view menu ,Click on source,Then it will open the HTML code ,we can modify it,then we have save it,Then we Have Refresh in Internet Explorer.
How To Aline The Text:-If you want Change text or fonts or any other,In HTML there is chance to change .if you want aline data it has 3 alinements
1.Left alinement:-if we want to set text in the left it will as left alinement.
2.Right alinement.: if we want to set text in the Right it will as alinement
3.center alinement:. if we want to set text in the center it will as alinement
Eg:-<H2ALIGN=CENTER>Importance of doccument</H2>
Eg:-<H4 ALIGN=LEFT>Doccument does not work</H4>
Eg:-<H4 ALIGN=RIGHT>Neatness caries best impression</h4>
Eg1.<HTML>
<TITLE>USEFUL</TITLE>
<H3ALIGN=CENTER>LETTER TO CENTRAL MANAGE</H4>
<P><! Here the message starts --></p>
<BODY>To<BR>
The Center Manager<BR>
XYZ Software Institude<BR>
HYDERBAD</p>
<p>Sir</p>
<H5 ALIGN=CENTER>Subject:reg:Faculity IN HTML</H5>
<p>We request to provide HTML faculity as early as possible</p>.
<H5 ALIGN=CENTER>Thanking you Sir</H5>
<BODY>
<p><DIV ALIGN=RIGHT>Yours FaithFully</DIV></p>
<p><DIV ALIGN=RIGHT>Students</DIV></p>
</HTML>.
OTHER TAGS:-<BR>:-It is used to break the line,it is used to start with <BR>,it should be ended with </BR>.
<FONT SIZE>:-It is used to set the font size,It is used to Start with <font size=3>,it should end with </font>.
<FONT COLOR>:-It is used set font color.it started with <font color=red>,it has ends with <font/font>
<STRONG>:-In is used to set like boild words,it has start with <strong>,ends with </strong>.
How To Create Tables
<TABLE>…</TABLE>:-When we Have create table,we should have write tags.
<TR>…</TR>:-It is used to create Rows.
<TH>…</TH>:-It is used to put the headings in Rows,Coloums.
<TD>….</TD>:-It is used to enter values in table.
Eg:-1.<HTML>
<HEAD>
<TITLE>Table Name</TABLE>
</HEAD>
<BODY>
<TABLE BORDER=2>
<CAPTION>Discount Rates of Number of Copies</CAPTION>
<TR>
<TH><BR></TH>
<TH>5</TH>
<TH>10</TH>
<TH>25</TH>
</TH>
<TH>HTML</TH>
<TD>10%</TD>
<TD>20%</TD>
<TD>15%</TD>
</TR>
<TR>
<TH>C</TH>
<TD>12%</TD>
<TD>22%</TD>
<TD>18%</TD>
</TR>
<TR>
<TH>FOXPRO</TH>
<TD>15%</TD>
<TD>20%</TD>
<TD>25%</TD>
</TR>
</TABLE>
<P>Figures in percentages</p>
</BODY>
</HTML>
OUTPUT
Eg:-2
<HTML>
<BODY>
<CENTER><TABLE WIDTH=70%BORDER=3 BGCOLOR=Yellow>
<TR>
<TH ROWSPAN =2 COLSPAN=2></TH>
<TH COLSPAN=3>SALES OF COMPUTER</TH>
</TR>
<TR>
<TH>RAM</TH>
<TH>DVD</TH>
<TH>CAM>/TH>
</TR>
<TR>
<TH ROWSPAN=2>HardDisk</TH>
<TH>IDE</TH>
<TD ALIGN=CENTER>68</TD>
<TD ALIGN=CENTER>64</TD>
<TD ALIGN=CENTER>75</TD>
</TR>
<TR ALIGN=CENTER>
<TH>SATA</TH>
<TD>65</TH>
<TD>55</TH>
<TD>68</TH>
</TR>
<CAPTION ALIGN=BOTTOM>
<P><B></B></P>
</TABLE>
</BODY>
</HTML>.
OUTPUT
NOTE:-VARIOUS TAGS
BORDER:-It is to create border for the table.
ROESPAN:-It will set the heading of rows.
COLSPAN:-It will set the headings of colums.
<CAPTION>:-It used to put caption for the table.if we want to give caption at bottom we <ALLIN=BOTTOM>
If we want at top <ALLIN=TOP>.
<TABLE WIDTH>:-when we want to creating the table we have to menction table width.
<TABLE CELLSPACING=4>:-
If we have lines in coloum ,if we use this tag,it will be thick&bright.
Font face:-It is used to Style of text.
Eg:-<FONT FACE = “Times new Roman”>
Bold:-If we want to bold the text we use tag <b>.
Italic:- If we want to Italic the text we use tag<I>.
Underline:-If we want to give the line to a text we will use the tag <u>
Eg:-<u>….</u>
Text color Codes:-
Black=“#000000”
White=“#ffffff”
Silver=“#cococo”
Gray=“#808080”
Lime=“#00ff00”
Olive=“#808080”
Green=“#008000”
Yellow=“#ffff00”
Meroon=“#800000”
Navy=“#000080”
Red=“#ff0000”
Bule=“#0000ff”
Purple=“800080”
Teal=“#008080”
Fuchsia=“#ff00ff”
Aqua=“#00ffff”
Mulitiple Text Fields:-In Order To enter multiple text we can create a text field by using the tag “text area”
Eg:-<textarea>…..</textarea>.
We can pass 2 attribites “rows” and “coloums” in it.these will specify the area or size of the text field.
Radio buttons:-If we have to select a single choice,different alternatives then we will use Radio buttons.In order to create Radio buttons We will use the tag <Input> and the “type” attribute we will pass value “radio”.we will also pass an attribute called as “checked” which will will activate the Radio button.
Eg:-gender<br>
<Input type=“radio” name=“gender” checked=“checked”>male<br>
<Input type=“radio” name =“gender”> female </br>.
Check box:-If we have to make multiple selections among several alternatives then we will use “checkbox”.In order to create a checkbox,we will use the <Input> tag and in the attribute <type> we will pass the value as “checkbox”.
Eg:-<Input type=“checkbox” name=“gender”>.To give the password we use the following <Input type=“password”>.
Menu:-To create menus we will use the tag <select>
Eg:-<select>…..</select>
The options in the menu will be given in the <option> tag.
Eg:-<select name =“menu”>
<option name=“New”>New</option>
<option name=“edit”>Edit</option>
<option name=“close”>close</option>
</select>
Buttons:-To create buttons in a form we will use button tag.
In order to create a “submit” button,In the type attribute we will pass the value “submit”
Eg:-<button type=“submit”>submit</button>.
In order to create a reset button,In the attribute type We will pass value “reset”.
Eg:-<button type=“reset”>reset</button>
In order to create any other buttons,In the type attribute we will pass the value as “button”.
Eg:-<button type=“button”>ok</button>
Action:-To perform a specified action in the Form we will use the attribute “actions”.This attribute is included in the <form> tag.Here “action” refers to what we want to do with the data in the form i.e whether we want to e-mail it or
sent it to some database,etc.
Eg:-<form action =“anilkumar”>.
Field Set:-If we want to give a label to a set of fields then we will use tag “<field set>”.the label should be given in the tag “<legend>” and the fields must be present between the opening&closing<fieldset>tag.
Eg:-<fieldset>
<legend>hobbies</legend>
<input type=“checkbox”>playing
</fieldset>
No comments:
Post a Comment