WEB DESIGN
<---------------->
HTML = HYPER TEXT MARKUP LANGUAGE
XML = EXTENSIBLE MARKUP LANGUAGE
SGML = STANDARD GENERALIZED MARKUP LANGUAGE
XML and HTML both are the descendants of the complex and arcane language SGML(Standard
Generalized Markup Language).
ASP = (ACTIVE SERVER PAGES) This is used as a web application.To impliment this application
we need a language eg:c#,vb or any other language.
ASP code is generally embedded in HTML Programming and it also takes the help of java script.
Other languages are JSP in JAVA.
The HTML Controls
------------------
The .net Framework exposes a namespace for working with server-side HTML control.A server side
HTML Control is simply an HTML element with a runat="server" attributes,like so:
<INPUT TYPE="text" ID="txtname" runat="server"/>
Following are the HTML tags
----------------------------
1) HTML Anchor : This corresponds to the <A>tag.
2) HTML Button : This corresponds to the <button>tag.
3) HTML Form : This corresponds to the <form>tag.
4) HTML GenericControl : This corresponds to the unmapped tags ,such as <apan> and <div>.
5) HTML InputButton : This corresponds to the <input type="button">,<input type="submit">&<input type="reset">tags.
6) HTML InputCheckBox: This corresponds to the <input type="checkbox">tag.
7) HTML InputFile : This corresponds to the <input type="file">tag.
8) HTML InputHidden : This corresponds to the<input type="hidden">tag.
9) HTML InputImage : This corresponds to the<input type="image">tag.
10)HTML InputRadioButton : This corresponds to the <input type="radio">tag.
11)HTML InputText : This corresponds to the <input type="text"> and <input type="password">tags.
12)HTML Select :This corresponds to the <select>tag.
13)HTML Table :This corresponds to <table>tag.
14)HTML TableCell : This corresponds to the <td>tag.
15)HTML TableRow : This corrresponds to the <tr>tag.
16)HTML TextArea: This corresponds to the <textareea>tag.
Remember that all takes to make an HTML Control server-side is the runat="server" attribute.
Other tags:
-----------
<HTML></HTML> Start and end of the html document.
<HEAD> Head of the document.
<TITLE> Title of the document.
<BODY> Programming area.
BACKGROUND COLOR PICTURE
------------------------
<BODY bgcolor="color" background="picture path" text="text color">
Adding Background Music
-----------------------
<Body>
<BGSOUND SRC="MUSIC FILE.EXTENSION">
</Body>
Handling Text
--------------
<BODY>
Hello! Welcome to My personal Web site.I hope You Like it. This is My First attempt at web Designing Enjoy!
Text with line or paragraph breaks
-----------------------------------
<BODY>
Hello! Welcome to My personel Web site.<p>I Hope you like it.<p>
This is my First attempt at web design.Enjoy!<p>
</BODY>
<B> Boldface appears like this </B><br>
<I>Italic </I><br>
<U>Underline</U><br>
<B><I>Bold and Italic</I></B><BR>
<DNF> DEFINITIONS
<CITE> journals
<CODE> COMPUTER CODE
<SAMP> FOR COMPUTER OUTPUT
<VAR> VARIABLES
<EM> fOR anything that needs emphasis
<KBD>kEYBOARD ENTRY
<STRONG> Something that deserves extra strong emphasis.
HEADERS
---------
<h1> Level1 heading </h1>
<h2> Level2 heading </h2>
<h3> Level3 heading </h3>
<h4> Level4 heading </h4>
<h5> Level5 heading </h5>
<h6> Level6 heading </h6>
text formating
----------------
<FONT face=" " size=n color=" " >
Inserting Images
----------------
<IMG src="path.extension" width=n height=n border=n bordercolor="color">
ANCHORS
--------
<A href="path or name>name</a>
LISTS
--------
<UL> Un numbered list
<OL> Orderd list
<LI>BEGINING OF EACH LIST ITEM
<DT> DEFINING TERM
<DD>DEFINING DEFINITION
<P> PARA
<DL>DEFINING LIST
TABLES -
-----------
<TABLE BORDER=N BORDERCOLOR="COLOR" BGCOLOR=" " BACKGROUND=" " CELLPADDING=N CELLSPACING=N ALIGN=" ">
<CAPTION>Title</CAPTION>
<TR align=" " border=n bordercolor=" ">
<TH align=" " border=n bordercolor=" ">
</th>
<td align=" " border=n bordercolor=" ">
</td>
</tr>
</TABLE>
ex:
<TABLE BORDER=2>
<CAPTION> Table with border</CAPTION>
<TH>Column 1</TH> Column 2</TH>
<TR>
<TD>ITEM 1</TD> <TD> ITEM 2 </TD>
</TR>
<TR>
<TD>ITEM 3</TD> <TD> ITEM 4</TD>
</TR>
</TABLE>
<P>
HORIZONTAL RULES
-----------------------
<HR> TAG.
<HR SIZE=N/SIZE=%N WIDTH=N/WIDTH=%N ALIGN=LEFT/RIGT/CENTER COLOR=" "noshade>
MARQUEE
---------
<MARQUEE> SATEESH</MARQUEE>
<MARQUEE DIRECTION=" " BEHAVIOR=" " LOOP= " " > </ MARQUEE>
DIRECTION= LEFT , RIGHT , UP
BEHAVIOR OF SCROLLING
LOOP=N
BLINK
--------
<BLINK>
Congratulations!
</BLINK>
FRAMES
---------
<FRAMESET ROWS=R1,R2 COLS=C1,C2>
<FRAME SRC=" "NAME=" " SCROLLING=" " MARGINWIDTH=N MARGINHEIGHT=N NORESIZE>
<FRAME SRC=" ">
</FRAMESET>
EX:
<FRAMESET COLS="35%,65%">
<FRAME SRC="PATH" NAME="FRAME1" SCROLLING ="YES" MARGINWIDTH=10 MARGINHEIGHT="20" NORESIZE>
<FRAME SRC="PATH" NAME="FRAME2" SCROLLING="YES" MARGINWIDTH=10 MARGINHEIGHT=20 NORESIZE>
</FRAMESET>
DESIGNING A FORM
------------------
<FORM></FORM>
<INPUT TYPE="TEXT">
<INPUT TYPE="PASSWORD">
<TEXTAREA>
<INPUT TYPE="CHECKBOX">
<INPUT TYPE="RADIO">
<SELECT>
<INPUT TYPE="SUBMIT">
<INPUT TYPE="RESET">
No comments:
Post a Comment