Advanced Web Designing Chapter at a Glance Forms in HTMLS ]} elements} “input type="color”>, , , , , , , , , , List of common Input restrictions are Disabled, max, mun, patter, read only, placeholder, required, autocomplete. ‘autofocus, height and width, ‘multiple ‘CSS Properties Color, background-color, font-weight, font-style, text-decoration, text-align, font-family, font-size, letter spacing, padding, border, ‘background-image, margin-left et. emeta> tag, Meta tog & its attributes } ‘Meta tag used by search engine to search information that i provided with webpage Attributes are = Name, content, charset, http-equiv’ CSSD selector, Class selector, Universal slectoe, Group selector, Positioning in CSS, Float property Display property Inline C35, Embedded C55 or Internal C35, External CSS.Advanced Web Designing “tame> tog creates line rama, ‘Abas ce gh iin ec = 1. HTMLstands for..... ‘Ans. : Hyper Text Markup Language ‘Ans. : HTML (Hyper Text Markup Language) % _-sne- is currently used because it supports mobile technology. ‘Ans. : HTMLS \12_Forms in HTMLS, 6 These Gib used to create form, thom toon | 5. defines a color picker. cioamrimaimeene sawn) (ay es Sopa lea ler al | Sept ype deel dedi ae, | foramen | Ans.: Number | 7 ciputtypee”. +5 defines eld or entering a URL. 140 ordered ist or ‘Ans. : URL (Uniform Resource Locator) Namberedist a | C=] 8 defines an image as a submit button. tog defines ordered ..."> defines a date picker with the year, month and day. Atte of al agar Typ, reversed sta ..1'> defines a field for an email address. ‘1. defines a month and year control in format as "YYYY-MM’, ‘Ans. :Month > defines the range control. By tag acts as a temporary Inbel showing ade sess « label tag. tag specifies that an input fold isrequze nput> tag specifies whether a form or input off © tag specifies that the input field # loaded. “TPS Information Technology (Scene) 16 Advanced Web Designing te of tag specifies the height and width of an 1g specifies that the user is allowed to enter ent a > tag is used to Identify the het element document object modeL. 31, The ..ihaK.... attribute of tag is used to apply CSS style to the epee ni ate doplayed onthe web SBE) a singular tag which carries information within its attributes, attribute of tag specifies the name of the meta data. 37. The... attribute of tag can have any textual matter related to the name, ‘Ans. Content 38. The «attribute of tag specifies the character encoding used by the document. Ans. : Charset 39, © The on» attribute of tag is used for http response message headers. ‘Ans. http-equiv 40, vapedfes the character encoding fr the documen, ‘Ans. : Embedded/Internal ‘Ans: content-ype inside .&.cHy)22. tag within head section of hem se conta tipequiv=*.-n">ypagesession wll get expire at specified date and ing | ct is used When you want to make changes on mul ‘ Saas 1d when you ant to make changes on multiple pages 1.4_Cascading Style Sheets HTMLS ‘Ans. : Bxternal ». style shoot facilitates to change the look of the entire web site by HH, CBBstand OF ene Soogig iat oie ‘Ane: Cascading Style Sheets. ‘Ans.: External i ‘ can control the layout of multiple web pages all at once 60, Extemal Syl Sheet wes tag on every page ais ‘ans. :CSS (Cascading Style Sh ina nies oe th nnallows yout conta the lok and fel of several pages by changing aga SH netomat Ss togis placed inside head section. source. Ans :- ‘Ans.: CSS (Cascading style Sheets) Yn "go 1 style sheet can be written in text editor and must be saved with 4a. A i rule set contains a selector and a declaration blocks. . sreraion: ; ‘Ans.:# C85 ‘Ans, : CSS (Cascading Style Sheets) 63. The CSS file should not contain any HTML tags. 48, _sovindicates the HTML element you want to style ee ‘Ans. : Selector 64. InCSS, property changes the color of the text. $9. The sesvsnsorblock can content or more declarations separated by a semicolon. ngs color Ans.: Declaration 65. Tho sass property is sed to set background color in your webpage S50, Each declaration contains a property name and value, separated By .eseseon ‘ns Bagkground _jtcanbe names oralphae One . = “The __nun-ovattibute of

tag specific the numbering type for the used items alte eeu Amal, sgtutt cob tg speci tht he e fte taspeg Pceeng onde sca:Rcoened 307, The sow attribute of
tag specifies the starting number of the first item, frat ae lisa called a numbered ist ‘Ans,: Ordered 1.6 Unordered list or bulleted list 109, An unordered list is created using tag, ‘Ans.:
110, su ists also called as bulleted lst d item starts with, on tg, attribute of
tag sets the list item marked to disc, circle or ‘113. To define a definition ji feesesseen tag is used. j Ans. :

pera eo 14. The......, te Z sevens tag. is used to define the term. By “ Ans, :

“ ae _ a 115, The Ans.:

116, The ist within another list scaled... Hat Ans. : Nested. — is used to define term’s definition, Advanced Web Desig, “TPS Information Technology Science) un 1.8 Inserting audio and video in HTML5 element enables to embed or add audio files an webpages. r

lb Javascript — |

If else statement is used to check the conditions

eS 1st Advanced | “TPS information Technology (Seienee) Output: aa ° HTML Definition List Nested List List within another list either ordered or unordered list is called nested list. ‘Example Coding “ - < Nested List

< ‘
• Advanced Web Design
| <
1. Hyperlinks
• yavaScript
slisDatatypesc/li> Advanced Web Designing —~ Zip statements aipLoops

omtpet: oo a S Ore ermasmomin. + 8 Bt Nested List \g audio and video in HTMLS caution tag, The newly introduced HTMIS cub

Advanced Web Designing

*

Advanced JavaScript

|

Emerging Technologies

E-Commerce and E-governance

{| <~p | 1 ee ee oe 3. Write a program using himl with following CSS specifications @ ‘To create a form that should accept name, age, date of appointment from the user (©) Create submit button to send the data. (©) The heading of the form should have orange background color with different fontstyle Coding : ‘ Bfbackground-colororange,font-style:oblique) < Enter Agers inermation Teeny Ssene) Output: © Om/emamcamn. ¢ yO! Data Collection x a form that should accept name, number of present studenis ), time and file to upload from the User i ® 7 | (©) The heading of the form should have border with blank spaces around the : contents 5. Write a program using html with following CSS 5 jons = contact number of office Ans: Coding: pm ee ee [— [