wdf 222chp iii vi
DESCRIPTION
TRANSCRIPT
![Page 1: Wdf 222chp iii vi](https://reader036.vdocuments.site/reader036/viewer/2022062511/54b7ab744a7959df7c8b45dc/html5/thumbnails/1.jpg)
Subject Name Code Credit HoursWeb Design and Fundamentals
Web Design and FundamentalsWDF222
By Balaganesh
![Page 2: Wdf 222chp iii vi](https://reader036.vdocuments.site/reader036/viewer/2022062511/54b7ab744a7959df7c8b45dc/html5/thumbnails/2.jpg)
Subject Name Code Credit HoursWeb Design and Fundamentals
HTML
• HTML stands for Hypertext Markup Language, and it is the most widely used language to write Web Pages. As its name suggests, HTML is a markup language.
• Hypertext refers to the way in which Web pages (HTML documents) are linked together. When you click a link in a Web page, you are using hypertext.
• Markup Language describes how HTML works. With a markup language, you simply "mark up" a text document with tags that tell a Web browser how to structure it to display.
04/10/2023 Balaganesh -Lincoln University 2
![Page 3: Wdf 222chp iii vi](https://reader036.vdocuments.site/reader036/viewer/2022062511/54b7ab744a7959df7c8b45dc/html5/thumbnails/3.jpg)
Subject Name Code Credit HoursWeb Design and Fundamentals
3
HTML Basic Structure
<HTML>
<HEAD><TITLE> Qi’s web! </TITLE>
</HEAD>
<BODY>
<H1> Hello World </H1>
<! Rest of page goes here. This is a comment. >
</BODY>
</HTML>
![Page 4: Wdf 222chp iii vi](https://reader036.vdocuments.site/reader036/viewer/2022062511/54b7ab744a7959df7c8b45dc/html5/thumbnails/4.jpg)
Subject Name Code Credit HoursWeb Design and Fundamentals
04/10/2023 Balaganesh -Lincoln University 4
The basic structure for all HTML documents is simple and should include the following minimum elements or tags: <html> - The main container for HTML pages <head> - The container for page header information <title> - The title of the page <body> - The main body of the page
![Page 5: Wdf 222chp iii vi](https://reader036.vdocuments.site/reader036/viewer/2022062511/54b7ab744a7959df7c8b45dc/html5/thumbnails/5.jpg)
Subject Name Code Credit HoursWeb Design and Fundamentals
5
BODY Element
<BODY attributename="attributevalue">• Deprecated attributes (but still used)– BACKGROUND=“Sunset.jpg” (can be tiled)– BGCOLOR=color– TEXT=color– LINK=color (unvisited links)– VLINK=color (visited links)– ALINK=color (when selected)
![Page 6: Wdf 222chp iii vi](https://reader036.vdocuments.site/reader036/viewer/2022062511/54b7ab744a7959df7c8b45dc/html5/thumbnails/6.jpg)
Subject Name Code Credit HoursWeb Design and Fundamentals Generic Attributes
04/10/2023 Balaganesh -Lincoln University 6
Attribute Options Function
![Page 7: Wdf 222chp iii vi](https://reader036.vdocuments.site/reader036/viewer/2022062511/54b7ab744a7959df7c8b45dc/html5/thumbnails/7.jpg)
Subject Name Code Credit HoursWeb Design and Fundamentals
7
Headings
<H1 ...> text </H1> -- largest of the six<H2 ...> text </H2><H3 ...> text </H3><H4 ...> text </H4><H5 ...> text </H5><H6 ...> text </H6> -- smallest of the six
ALIGN="position" --left (default), center or right
![Page 8: Wdf 222chp iii vi](https://reader036.vdocuments.site/reader036/viewer/2022062511/54b7ab744a7959df7c8b45dc/html5/thumbnails/8.jpg)
Subject Name Code Credit HoursWeb Design and Fundamentals
8
Headings
<HTML><HEAD> <TITLE>Document Headings</TITLE></HEAD><BODY>Samples of the six heading types:<H1>Level-1 (H1)</H1><H2 ALIGN="center">Level-2 (H2)</H2><H3><U>Level-3 (H3)</U></H3><H4 ALIGN="right">Level-4 (H4)</H4><H5>Level-5 (H5)</H5><H6>Level-6 (H6)</H6></BODY></HTML>
![Page 9: Wdf 222chp iii vi](https://reader036.vdocuments.site/reader036/viewer/2022062511/54b7ab744a7959df7c8b45dc/html5/thumbnails/9.jpg)
Subject Name Code Credit HoursWeb Design and Fundamentals
9
<P> Paragraph
• <P> defines a paragraph• Add ALIGN="position" (left, center, right)• Multiple <P>'s do not create blank lines• Use <BR> for blank line• Fully-specified text uses <P> and </P>• But </P> is optional
![Page 10: Wdf 222chp iii vi](https://reader036.vdocuments.site/reader036/viewer/2022062511/54b7ab744a7959df7c8b45dc/html5/thumbnails/10.jpg)
Subject Name Code Credit HoursWeb Design and Fundamentals
10
<BODY><P>Here is some text </P><P ALIGN="center"> Centered text </P><P><P><P><P ALIGN="right"> Right-justified text<! Note: no closing /P tag is not a problem></BODY>
![Page 11: Wdf 222chp iii vi](https://reader036.vdocuments.site/reader036/viewer/2022062511/54b7ab744a7959df7c8b45dc/html5/thumbnails/11.jpg)
Subject Name Code Credit HoursWeb Design and Fundamentals
11
Colors
• Values for BGCOLOR and COLOR– many are predefined (red, blue, green, ...)– all colors can be specified as a six character
hexadecimal value: RRGGBB– FF0000 – red– 888888 – gray– 004400 – dark green– FFFF00 – yellow
![Page 12: Wdf 222chp iii vi](https://reader036.vdocuments.site/reader036/viewer/2022062511/54b7ab744a7959df7c8b45dc/html5/thumbnails/12.jpg)
Subject Name Code Credit HoursWeb Design and Fundamentals
12
Fonts
<FONT COLOR="red" SIZE="2" FACE="Times Roman">This is the text of line one </FONT><FONT COLOR="green" SIZE="4" FACE="Arial">Line two contains this text </FONT><FONT COLOR="blue" SIZE="6" FACE="Courier"The third line has this additional text </FONT>
Note: <FONT> is now deprecated in favor of CSS.
![Page 13: Wdf 222chp iii vi](https://reader036.vdocuments.site/reader036/viewer/2022062511/54b7ab744a7959df7c8b45dc/html5/thumbnails/13.jpg)
Subject Name Code Credit HoursWeb Design and Fundamentals
13
Ordered (Numbered) Lists
<OL TYPE="1"> <LI> Item one </LI> <LI> Item two </LI> <OL TYPE="I" > <LI> Sublist item one </LI> <LI> Sublist item two </LI> <OL TYPE="i"> <LI> Sub-sublist item one </LI> <LI> Sub-sublist item two </LI> </OL> </OL></OL>
![Page 14: Wdf 222chp iii vi](https://reader036.vdocuments.site/reader036/viewer/2022062511/54b7ab744a7959df7c8b45dc/html5/thumbnails/14.jpg)
Subject Name Code Credit HoursWeb Design and Fundamentals
14
Unordered (Bulleted) Lists
<UL TYPE="disc"> <LI> One </LI> <LI> Two </LI> <UL TYPE="circle"> <LI> Three </LI> <LI> Four </LI> <UL TYPE="square"> <LI> Five </LI> <LI> Six </LI> </UL> </UL></UL>
![Page 15: Wdf 222chp iii vi](https://reader036.vdocuments.site/reader036/viewer/2022062511/54b7ab744a7959df7c8b45dc/html5/thumbnails/15.jpg)
Subject Name Code Credit HoursWeb Design and Fundamentals
15
Physical Character Styles
<H1>Physical Character Styles</H1><B>Bold</B><BR><I>Italic</I><BR><TT>Teletype (Monospaced)</TT><BR><U>Underlined</U><BR>Subscripts: f<SUB>0</SUB> + f<SUB>1</SUB><BR>Superscripts: x<SUP>2</SUP> + y<SUP>2</SUP><BR><SMALL>Smaller</SMALL><BR><BIG>Bigger</BIG><BR><STRIKE>Strike Through</STRIKE><BR><B><I>Bold Italic</I></B><BR><BIG><TT>Big Monospaced</TT></BIG><BR><SMALL><I>Small Italic</I></SMALL><BR><FONT COLOR="GRAY">Gray</FONT><BR><DEL>Delete</DEL><BR><INS>Insert</INS><BR>
![Page 16: Wdf 222chp iii vi](https://reader036.vdocuments.site/reader036/viewer/2022062511/54b7ab744a7959df7c8b45dc/html5/thumbnails/16.jpg)
Subject Name Code Credit HoursWeb Design and Fundamentals
16
Logical Character
Styles
<H1>Logical Character Styles</H1><EM>Emphasized</EM><BR><STRONG>Strongly Emphasized</STRONG><BR><CODE>Code</CODE><BR><SAMP>Sample Output</SAMP><BR><KBD>Keyboard Text</KBD><BR><DFN>Definition</DFN><BR><VAR>Variable</VAR><BR><CITE>Citation</CITE><BR><EM><CODE>Emphasized Code</CODE></EM><BR><FONT COLOR="GRAY"><CITE>Gray Citation</CITE></FONT><BR><ACRONYM TITLE="Java Development Kit">JDK Acronym</ACRONYM>
![Page 17: Wdf 222chp iii vi](https://reader036.vdocuments.site/reader036/viewer/2022062511/54b7ab744a7959df7c8b45dc/html5/thumbnails/17.jpg)
Subject Name Code Credit HoursWeb Design and Fundamentals
17
<A> Anchors (HyperLinks)
Link to an absolute URL:
If you get spam, contact <A HREF="htttp:www.microsoft.com">Microsoft </A> to report the problem.
Link to a relative URL:
See these <A HREF="#references"> references </A>concerning our fine products.
Link to a section within a URL:
Amazon provided a <A HREF="www.amazon.com/#reference">reference for our company. </A>
![Page 18: Wdf 222chp iii vi](https://reader036.vdocuments.site/reader036/viewer/2022062511/54b7ab744a7959df7c8b45dc/html5/thumbnails/18.jpg)
Subject Name Code Credit HoursWeb Design and Fundamentals
18
Naming a Section
<H2> <A NAME="#references"> Our References </A> </H2>
Example
![Page 19: Wdf 222chp iii vi](https://reader036.vdocuments.site/reader036/viewer/2022062511/54b7ab744a7959df7c8b45dc/html5/thumbnails/19.jpg)
Subject Name Code Credit HoursWeb Design and Fundamentals
19
Hyperlinks
<BODY><H3>Welcome to <A HREF="http://www.cs.virginia.edu"><STRONG>Computer Science</STRONG></A>at the <A HREF="www.virginia.edu">University of Virginia.</A></H3></BODY>
![Page 20: Wdf 222chp iii vi](https://reader036.vdocuments.site/reader036/viewer/2022062511/54b7ab744a7959df7c8b45dc/html5/thumbnails/20.jpg)
Subject Name Code Credit HoursWeb Design and Fundamentals
20
Images
• SRC is required• WIDTH, HEIGHT may be in units of pixels or
percentage of page or frame– WIDTH="357"– HEIGHT="50%"
• Images scale to fit the space allowed
![Page 21: Wdf 222chp iii vi](https://reader036.vdocuments.site/reader036/viewer/2022062511/54b7ab744a7959df7c8b45dc/html5/thumbnails/21.jpg)
Subject Name Code Credit HoursWeb Design and Fundamentals
21
Images
Align=position
Image/Text Placement
Left Image on left edge; text flows to right of image
Right Image on right edge; text flows to left
Top Image is left; words align with top of image
Bottom Image is left; words align with bottom of image
Middle Words align with middle of image
![Page 22: Wdf 222chp iii vi](https://reader036.vdocuments.site/reader036/viewer/2022062511/54b7ab744a7959df7c8b45dc/html5/thumbnails/22.jpg)
Subject Name Code Credit HoursWeb Design and Fundamentals
22
Images<BODY> <img src="dolphin.jpg" align="left" width="150" height="150" alt="dolphin jump!">
This is a very cute dolphin on the left!<br>This is a very cute dolphin on the left!<br>This is a very cute dolphin on the left!<br>This is a very cute dolphin on the left!<br>This is a very cute dolphin on the left!<br>This is a very cute dolphin on the left!<br>This is a very cute dolphin on the left!<br>This is a very cute dolphin on the left!<br>This is a very cute dolphin on the left!<br>This is a very cute dolphin on the left!<br>You can see text wrap around it<br>
</BODY></HTML>
![Page 23: Wdf 222chp iii vi](https://reader036.vdocuments.site/reader036/viewer/2022062511/54b7ab744a7959df7c8b45dc/html5/thumbnails/23.jpg)
Subject Name Code Credit HoursWeb Design and Fundamentals
23
ALIGN="left"
![Page 24: Wdf 222chp iii vi](https://reader036.vdocuments.site/reader036/viewer/2022062511/54b7ab744a7959df7c8b45dc/html5/thumbnails/24.jpg)
Subject Name Code Credit HoursWeb Design and Fundamentals
24
ALIGN="right"
![Page 25: Wdf 222chp iii vi](https://reader036.vdocuments.site/reader036/viewer/2022062511/54b7ab744a7959df7c8b45dc/html5/thumbnails/25.jpg)
Subject Name Code Credit HoursWeb Design and Fundamentals
25
ALIGN=“bottom"
![Page 26: Wdf 222chp iii vi](https://reader036.vdocuments.site/reader036/viewer/2022062511/54b7ab744a7959df7c8b45dc/html5/thumbnails/26.jpg)
Subject Name Code Credit HoursWeb Design and Fundamentals
26
Tables
<TABLE> table tag<CAPTION> optional table title<TR> table row<TH> table column header<TD> table data element
![Page 27: Wdf 222chp iii vi](https://reader036.vdocuments.site/reader036/viewer/2022062511/54b7ab744a7959df7c8b45dc/html5/thumbnails/27.jpg)
Subject Name Code Credit HoursWeb Design and Fundamentals
27
Tables
<TABLE BORDER=1> <CAPTION>Table Caption</CAPTION> <TR><TH>Heading1</TH> <TH>Heading2</TH></TR> <TR><TD>Row1 Col1 Data</TD><TD>Row1 Col2 Data</TD></TR> <TR><TD>Row2 Col1 Data</TD><TD>Row2 Col2 Data</TD></TR> <TR><TD>Row3 Col1 Data</TD><TD>Row3 Col2 Data</TD></TR></TABLE>
![Page 28: Wdf 222chp iii vi](https://reader036.vdocuments.site/reader036/viewer/2022062511/54b7ab744a7959df7c8b45dc/html5/thumbnails/28.jpg)
Subject Name Code Credit HoursWeb Design and Fundamentals
28
<TABLE> Element Attributes• ALIGN=position -- left, center, right for table• BORDER=number -- width in pixels of border (including any cell
spacing, default 0)• CELLSPACING=number -- spacing in pixels between cells, default
about 3• CELLPADDING=number -- space in pixels between cell border and
table element, default about 1• WIDTH=number[%]-- width in pixels or percentage of page/frame
width
![Page 29: Wdf 222chp iii vi](https://reader036.vdocuments.site/reader036/viewer/2022062511/54b7ab744a7959df7c8b45dc/html5/thumbnails/29.jpg)
Subject Name Code Credit HoursWeb Design and Fundamentals
29
• cellspacing=10
• cellpadding=10
![Page 30: Wdf 222chp iii vi](https://reader036.vdocuments.site/reader036/viewer/2022062511/54b7ab744a7959df7c8b45dc/html5/thumbnails/30.jpg)
Subject Name Code Credit HoursWeb Design and Fundamentals
30
<TABLE> Element Attributes
BGCOLOR=color -- background color of table, also valid for <TR>, <TH>, and <TD>RULES=value -- which internal lines are shown; values are none, rows, cols, and all (default)
EX: <TABLE COLS=“40%, *,*”><TABLE ROWS=“*,*”>
![Page 31: Wdf 222chp iii vi](https://reader036.vdocuments.site/reader036/viewer/2022062511/54b7ab744a7959df7c8b45dc/html5/thumbnails/31.jpg)
Subject Name Code Credit HoursWeb Design and Fundamentals
31
<TR> Table Row Attributes
Valid for the table row:ALIGN -- left, center, rightVALIGN -- top, middle, bottomBGCOLOR -- background color
<TABLE ALIGN="center" WIDTH="300" HEIGHT="200"><TR ALIGN="left" VALIGN="top" BGCOLOR="red"><TD>One</TD><TD>Two</TD><TR ALIGN="center" VALIGN="middle" BGCOLOR="lightblue"><TD>Three</TD><TD>Four</TD><TR ALIGN="right" VALIGN="bottom" BGCOLOR="yellow"><TD>Five</TD><TD>Six</TD></TABLE>
![Page 32: Wdf 222chp iii vi](https://reader036.vdocuments.site/reader036/viewer/2022062511/54b7ab744a7959df7c8b45dc/html5/thumbnails/32.jpg)
Subject Name Code Credit HoursWeb Design and Fundamentals
32
<TD> Table Cell Attributes
Valid for the table cell:colspan -- how many columns this cell occupiesrowspan – how many rows this cell occupies
<TABLE ALIGN="center" WIDTH="300" HEIGHT="200" border="1"><TR><TD colspan="1" rowspan="2">a</TD><TD colspan="1" rowspan="1">b</TD></TR><TR><TD colspan="1" rowspan="1">c</TD></TR></TABLE>
![Page 33: Wdf 222chp iii vi](https://reader036.vdocuments.site/reader036/viewer/2022062511/54b7ab744a7959df7c8b45dc/html5/thumbnails/33.jpg)
Subject Name Code Credit HoursWeb Design and Fundamentals
33
Frames
• Frames help control navigation and display• <FRAME> attributes include– FRAMEBORDER – yes or 1 for borders– FRAMESPACING – width of border– BORDERCOLOR – color – SRC – location of HTML to display in frame– NAME – destination for TARGET attribute
![Page 34: Wdf 222chp iii vi](https://reader036.vdocuments.site/reader036/viewer/2022062511/54b7ab744a7959df7c8b45dc/html5/thumbnails/34.jpg)
Subject Name Code Credit HoursWeb Design and Fundamentals
34
Frames
– MARGINWIDTH – left/right margins– MARGINHEIGHT – top/bottom margins– SCROLLING – yes or 1 adds scroll bar– NORESIZE – yes or 1 disables resizing
![Page 35: Wdf 222chp iii vi](https://reader036.vdocuments.site/reader036/viewer/2022062511/54b7ab744a7959df7c8b45dc/html5/thumbnails/35.jpg)
Subject Name Code Credit HoursWeb Design and Fundamentals
35
Frames
<FRAMESET ROWS="75%,25%">
<FRAMESET COLS="*,*,*"> <FRAME SRC="http://www.virginia.edu"> <FRAME SRC="http://www.virginia.edu"> <FRAME SRC="http://www.virginia.edu"> </FRAMESET>
<FRAMESET COLS="*,*"> <FRAME SRC="http://www.virginia.edu"> <FRAME SRC="http://www.virginia.edu"> </FRAMESET>
</FRAMESET>
![Page 36: Wdf 222chp iii vi](https://reader036.vdocuments.site/reader036/viewer/2022062511/54b7ab744a7959df7c8b45dc/html5/thumbnails/36.jpg)
Subject Name Code Credit HoursWeb Design and Fundamentals
36
Frames
<FRAMESET ROWS="25%,75%"
<FRAMESET COLS="*,*,*"> <FRAME SRC="http://www.virginia.edu"> <FRAME SRC="http://www.virginia.edu"> <FRAME SRC="http://www.virginia.edu"> </FRAMESET>
<FRAMESET COLS="*,*"> <FRAME SRC="http://www.virginia.edu"> <FRAME SRC="http://www.virginia.edu"> </FRAMESET>
</FRAMESET>
![Page 37: Wdf 222chp iii vi](https://reader036.vdocuments.site/reader036/viewer/2022062511/54b7ab744a7959df7c8b45dc/html5/thumbnails/37.jpg)
Subject Name Code Credit HoursWeb Design and Fundamentals
37
Frames<FRAMESET ROWS="*,*">
<FRAMESET COLS="15%, 2*, *"> <FRAME SRC="http://www.cs.virginia.edu/"> <FRAME SRC="http://www.cs.virginia.edu/"> <FRAME SRC="http://www.cs.virginia.edu/"> </FRAMESET>
<FRAMESET COLS="40%, *"> <FRAME SRC="http://www.cs.virginia.edu/"> <FRAME SRC="http://www.cs.virginia.edu/"> </FRAMESET>
</FRAMESET>
![Page 38: Wdf 222chp iii vi](https://reader036.vdocuments.site/reader036/viewer/2022062511/54b7ab744a7959df7c8b45dc/html5/thumbnails/38.jpg)
Subject Name Code Credit HoursWeb Design and Fundamentals
Sample Code for FramesFramesample.html<frameset cols="25%,*"><frame src="file:///C:/Users/BAGA/Desktop/menu.html"><frame src="file:///C:/Users/BAGA/Desktop/menu.html" name=main></frameset>
Menu.HTML<html><head></head><Body><H1> Menu</H1><a href="file:///C:/Users/BAGA/Desktop/first.html" target=main>First</a><br><a href="file:///C:/Users/BAGA/Documents/first1.html"target=main>Second</a></Body></html>
![Page 39: Wdf 222chp iii vi](https://reader036.vdocuments.site/reader036/viewer/2022062511/54b7ab744a7959df7c8b45dc/html5/thumbnails/39.jpg)
Subject Name Code Credit HoursWeb Design and Fundamentals
CSSCSS information can be provided from various sources. CSS style information can be in a separate document or it can be embedded into an HTML document. Multiple style sheets can be imported. Different styles can be applied depending on the output device being used; for example, the screen version can be quite different from the printed version, so that authors can tailor the presentation appropriately for each medium.
Cascading Style Sheets
![Page 40: Wdf 222chp iii vi](https://reader036.vdocuments.site/reader036/viewer/2022062511/54b7ab744a7959df7c8b45dc/html5/thumbnails/40.jpg)
Subject Name Code Credit HoursWeb Design and Fundamentals
Sample Code for CSSCSS2.cssh1 {color:blue;}p {color:blue;}Hr {color:blue;size:7;}h2{color:yellow;}
any.HTML<html>
<head><link rel="stylesheet" type="text/css" href=“css2.css"></head> <body>
<hr><h1>A heading</h1><h2> H2 heading</h2><h3> This is H3 heading</h3><hr><p>A paragraph kjehqw kjehk kjhdqw kkejd kjb jhdg.</p>
</body></html>
![Page 41: Wdf 222chp iii vi](https://reader036.vdocuments.site/reader036/viewer/2022062511/54b7ab744a7959df7c8b45dc/html5/thumbnails/41.jpg)
Subject Name Code Credit HoursWeb Design and Fundamentals
Type of web pages
• A static web page is a page that is always the same on the web server unless someone changes the HTML code and uploads that page to the server. The end user will always see the same thing.A dynamic page is a page that uses some kind of server side scripting language such as PHP or ASP. The page is dynamically created on the fly by the server based on user actions. This kind of page is mostly used in database driven sites such as online stores, forums and/or membership sites.
•Read more: http://wiki.answers.com/Q/What_is_static_or_dynamic_web_page#ixzz25NqQVXP7
04/10/2023 Balaganesh -Lincoln University 41
![Page 42: Wdf 222chp iii vi](https://reader036.vdocuments.site/reader036/viewer/2022062511/54b7ab744a7959df7c8b45dc/html5/thumbnails/42.jpg)
Subject Name Code Credit HoursWeb Design and Fundamentals
• Forms are a characteristic of the HTML standard that let authors collect information provided by the visitors. These forms can be useful to collect personal information, contact information, preferences, opinions, or any kind of user input the author may need
• Using forms tag can manage Dynamic web pages
![Page 43: Wdf 222chp iii vi](https://reader036.vdocuments.site/reader036/viewer/2022062511/54b7ab744a7959df7c8b45dc/html5/thumbnails/43.jpg)
Subject Name Code Credit HoursWeb Design and Fundamentals
• <html>• <head><title>My first web site </title></head>• <body bgcolor= "olive" text= white>• <form name="myform"
action="http://www.mydomain.com/myformhandler.cgi" method="POST">
• <input type="text" size="25" value="Enter your name here!">• Enter Password : <input type="password" size="25">•
![Page 44: Wdf 222chp iii vi](https://reader036.vdocuments.site/reader036/viewer/2022062511/54b7ab744a7959df7c8b45dc/html5/thumbnails/44.jpg)
Subject Name Code Credit HoursWeb Design and Fundamentals
• <input type ="checkbox" name="option1" value="Male"> Male<br>• <input type ="checkbox" name="option2" value="FeMale">FeMale<br>• <input type="radio" name="group1" value="A level"> A level<br>• <input type="radio" name="group1" value="B level" checked> B level<br>• <select>• <option>India</option>• <option>Malaysia</option>• <option>England</option>• </select>• <textarea cols="40" rows="5" name="myname">• Please enter ur address• </textarea>• <input type="submit" value="Submit">• </form>• </body>• </html>
![Page 45: Wdf 222chp iii vi](https://reader036.vdocuments.site/reader036/viewer/2022062511/54b7ab744a7959df7c8b45dc/html5/thumbnails/45.jpg)
Subject Name Code Credit HoursWeb Design and Fundamentals
Type of web pages
• A static web page is a page that is always the same on the web server unless someone changes the HTML code and uploads that page to the server. The end user will always see the same thing.A dynamic page is a page that uses some kind of server side scripting language such as PHP or ASP. The page is dynamically created on the fly by the server based on user actions. This kind of page is mostly used in database driven sites such as online stores, forums and/or membership sites.
•Read more: http://wiki.answers.com/Q/What_is_static_or_dynamic_web_page#ixzz25NqQVXP7
04/10/2023 Balaganesh -Lincoln University 45