SlideShare a Scribd company logo
1 of 7
INFORMATION TECHNOLOGY
ADVANCED WEB TECH
REVISION
HTML CODES
WEB BROWSER
TAGS
ATTRIBUTES
FORMS
CODE
<!DOCTYPE HTML>
<!--COMMENTS -->
<html>
<head>
<title>Hotel Menu</title>
</head>
<body>
<form>
<h1>Hotel Derbi</h1>
<h3>Veg</h3>
<input type="checkbox" name="c1" /> Chilli Paneer <br>
<input type="checkbox" name="c2" /> Spring Roll <br>
<input type="checkbox" name="c3" /> Chana Chaat <br>
<h3>Non-Veg</h3>
<input type="checkbox" name=“d1" /> Chicken Chilli<br>
<input type="checkbox" name=“d2" /> Chicken Butter Masala<br>
<input type="checkbox" name=“d3" /> Chicken Handi <br> <br>
<input type="submit" value="ORDER" />
</form>
</body>
</html>
URL CHECK
DROP-DOWN CODE
<HTML>
<head>
<title> Details </title>
</head>
<body>
<h1> My Details </h1>
<form name="f1">
Student Name
<input type="text" name="t1"><br>
SelectCollege
<select name="s1">
<option>Narayana Junior College</option>
<option>Mutha Junior College</option>
<option>RKT College</option>
<option>Vivekananda College</option>
</select><br>
<input type="submit" value="Submit">
<input type="reset" value="Clear" >
</form>
</body>
</HTML>
REGISTRATION FORM : HTML CODE
<body bgcolor="lightblue">
<h1>Student Registration Form</h1>
<hr >
<form name="form1" method=post
action="add.html“ onSubmit=f1();>
ENTER NAME:
<input type="textbox" maxlength=10
required name=t1>
<br><br>
ENTER ADDRESS:
<textarea rows="5" cols="70"
name=t3></textarea>
<br><br>
GENDER:<br>
<input type="radio" name=r1>MALE<br>
<input type="radio" name=r1 >FEMALE
<BR>
Select Board: <br><BR>
<select name=s1>
<option value=1>State Board</option>
<option value=2>CBSE</option>
<option value=3>ICSE</option>
<option value=4>IB</option>
</select>
<br> <br>
Extra Curricular Activity: <br>
<input type="checkbox" name=c1
checked>Dance<br>
<input type="checkbox"
name=c1>Music<br>
<input type="checkbox"
name=c1>Paint<br>
<br>
<input type="reset" value="Clear">
<input type="submit" value="submit">
</form>
</body>
</html>
<html>
<head>
<title>Registration Form</title>
<script type="text/javascript">
function f1()
{
var name = document.form1.t1.value;
alert(name);
alert(name + "The form is submitted");
}
</script>
</head>
Html code revision

More Related Content

Similar to Html code revision

計算機概論20161205
計算機概論20161205計算機概論20161205
計算機概論20161205
志宇 許
 
Skills development: HTML Code
Skills development: HTML CodeSkills development: HTML Code
Skills development: HTML Code
gab0804080
 
HTML5 - Forms
HTML5 - FormsHTML5 - Forms
HTML5 - Forms
tina1357
 

Similar to Html code revision (20)

HTMLCSS 101.pdf
HTMLCSS 101.pdfHTMLCSS 101.pdf
HTMLCSS 101.pdf
 
HTML and the Sorcerer's Code
HTML and the Sorcerer's CodeHTML and the Sorcerer's Code
HTML and the Sorcerer's Code
 
مستند نص منسق جديد
مستند نص منسق جديدمستند نص منسق جديد
مستند نص منسق جديد
 
مستند نصي جديد ‫‬
مستند نصي جديد ‫‬مستند نصي جديد ‫‬
مستند نصي جديد ‫‬
 
Html ,css,xml
Html ,css,xmlHtml ,css,xml
Html ,css,xml
 
Html5 101
Html5 101Html5 101
Html5 101
 
計算機概論20161205
計算機概論20161205計算機概論20161205
計算機概論20161205
 
5.1 html lec 5
5.1 html lec 55.1 html lec 5
5.1 html lec 5
 
Html file
Html fileHtml file
Html file
 
Print this
Print thisPrint this
Print this
 
BBA IV Semester CA All Assignments
BBA IV Semester CA All AssignmentsBBA IV Semester CA All Assignments
BBA IV Semester CA All Assignments
 
HoteL Management
HoteL ManagementHoteL Management
HoteL Management
 
Skills development: HTML Code
Skills development: HTML CodeSkills development: HTML Code
Skills development: HTML Code
 
Javascript basic programs
Javascript basic programsJavascript basic programs
Javascript basic programs
 
Html5 101
Html5 101Html5 101
Html5 101
 
Creating web api and consuming part 2
Creating web api and consuming part 2Creating web api and consuming part 2
Creating web api and consuming part 2
 
HTML5 - Forms
HTML5 - FormsHTML5 - Forms
HTML5 - Forms
 
Md5 decrypter
Md5 decrypterMd5 decrypter
Md5 decrypter
 
[SUTD GDSC] Intro to HTML and CSS
[SUTD GDSC] Intro to HTML and CSS[SUTD GDSC] Intro to HTML and CSS
[SUTD GDSC] Intro to HTML and CSS
 
Automation Script for WO Summary in Maximo
Automation Script for WO Summary in MaximoAutomation Script for WO Summary in Maximo
Automation Script for WO Summary in Maximo
 

Recently uploaded

SPLICE Working Group: Reusable Code Examples
SPLICE Working Group:Reusable Code ExamplesSPLICE Working Group:Reusable Code Examples
SPLICE Working Group: Reusable Code Examples
Peter Brusilovsky
 
MuleSoft Integration with AWS Textract | Calling AWS Textract API |AWS - Clou...
MuleSoft Integration with AWS Textract | Calling AWS Textract API |AWS - Clou...MuleSoft Integration with AWS Textract | Calling AWS Textract API |AWS - Clou...
MuleSoft Integration with AWS Textract | Calling AWS Textract API |AWS - Clou...
MysoreMuleSoftMeetup
 
SURVEY I created for uni project research
SURVEY I created for uni project researchSURVEY I created for uni project research
SURVEY I created for uni project research
CaitlinCummins3
 
會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽
會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽
會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽
中 央社
 

Recently uploaded (20)

Basic Civil Engineering notes on Transportation Engineering & Modes of Transport
Basic Civil Engineering notes on Transportation Engineering & Modes of TransportBasic Civil Engineering notes on Transportation Engineering & Modes of Transport
Basic Civil Engineering notes on Transportation Engineering & Modes of Transport
 
Rich Dad Poor Dad ( PDFDrive.com )--.pdf
Rich Dad Poor Dad ( PDFDrive.com )--.pdfRich Dad Poor Dad ( PDFDrive.com )--.pdf
Rich Dad Poor Dad ( PDFDrive.com )--.pdf
 
An overview of the various scriptures in Hinduism
An overview of the various scriptures in HinduismAn overview of the various scriptures in Hinduism
An overview of the various scriptures in Hinduism
 
SPLICE Working Group: Reusable Code Examples
SPLICE Working Group:Reusable Code ExamplesSPLICE Working Group:Reusable Code Examples
SPLICE Working Group: Reusable Code Examples
 
The Liver & Gallbladder (Anatomy & Physiology).pptx
The Liver &  Gallbladder (Anatomy & Physiology).pptxThe Liver &  Gallbladder (Anatomy & Physiology).pptx
The Liver & Gallbladder (Anatomy & Physiology).pptx
 
Trauma-Informed Leadership - Five Practical Principles
Trauma-Informed Leadership - Five Practical PrinciplesTrauma-Informed Leadership - Five Practical Principles
Trauma-Informed Leadership - Five Practical Principles
 
Graduate Outcomes Presentation Slides - English (v3).pptx
Graduate Outcomes Presentation Slides - English (v3).pptxGraduate Outcomes Presentation Slides - English (v3).pptx
Graduate Outcomes Presentation Slides - English (v3).pptx
 
Analyzing and resolving a communication crisis in Dhaka textiles LTD.pptx
Analyzing and resolving a communication crisis in Dhaka textiles LTD.pptxAnalyzing and resolving a communication crisis in Dhaka textiles LTD.pptx
Analyzing and resolving a communication crisis in Dhaka textiles LTD.pptx
 
Mattingly "AI and Prompt Design: LLMs with NER"
Mattingly "AI and Prompt Design: LLMs with NER"Mattingly "AI and Prompt Design: LLMs with NER"
Mattingly "AI and Prompt Design: LLMs with NER"
 
8 Tips for Effective Working Capital Management
8 Tips for Effective Working Capital Management8 Tips for Effective Working Capital Management
8 Tips for Effective Working Capital Management
 
MuleSoft Integration with AWS Textract | Calling AWS Textract API |AWS - Clou...
MuleSoft Integration with AWS Textract | Calling AWS Textract API |AWS - Clou...MuleSoft Integration with AWS Textract | Calling AWS Textract API |AWS - Clou...
MuleSoft Integration with AWS Textract | Calling AWS Textract API |AWS - Clou...
 
Sternal Fractures & Dislocations - EMGuidewire Radiology Reading Room
Sternal Fractures & Dislocations - EMGuidewire Radiology Reading RoomSternal Fractures & Dislocations - EMGuidewire Radiology Reading Room
Sternal Fractures & Dislocations - EMGuidewire Radiology Reading Room
 
Mattingly "AI & Prompt Design: Named Entity Recognition"
Mattingly "AI & Prompt Design: Named Entity Recognition"Mattingly "AI & Prompt Design: Named Entity Recognition"
Mattingly "AI & Prompt Design: Named Entity Recognition"
 
SURVEY I created for uni project research
SURVEY I created for uni project researchSURVEY I created for uni project research
SURVEY I created for uni project research
 
How to Manage Website in Odoo 17 Studio App.pptx
How to Manage Website in Odoo 17 Studio App.pptxHow to Manage Website in Odoo 17 Studio App.pptx
How to Manage Website in Odoo 17 Studio App.pptx
 
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptxCOMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
 
會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽
會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽
會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽
 
male presentation...pdf.................
male presentation...pdf.................male presentation...pdf.................
male presentation...pdf.................
 
OS-operating systems- ch05 (CPU Scheduling) ...
OS-operating systems- ch05 (CPU Scheduling) ...OS-operating systems- ch05 (CPU Scheduling) ...
OS-operating systems- ch05 (CPU Scheduling) ...
 
ĐỀ THAM KHẢO KÌ THI TUYỂN SINH VÀO LỚP 10 MÔN TIẾNG ANH FORM 50 CÂU TRẮC NGHI...
ĐỀ THAM KHẢO KÌ THI TUYỂN SINH VÀO LỚP 10 MÔN TIẾNG ANH FORM 50 CÂU TRẮC NGHI...ĐỀ THAM KHẢO KÌ THI TUYỂN SINH VÀO LỚP 10 MÔN TIẾNG ANH FORM 50 CÂU TRẮC NGHI...
ĐỀ THAM KHẢO KÌ THI TUYỂN SINH VÀO LỚP 10 MÔN TIẾNG ANH FORM 50 CÂU TRẮC NGHI...
 

Html code revision

  • 3. CODE <!DOCTYPE HTML> <!--COMMENTS --> <html> <head> <title>Hotel Menu</title> </head> <body> <form> <h1>Hotel Derbi</h1> <h3>Veg</h3> <input type="checkbox" name="c1" /> Chilli Paneer <br> <input type="checkbox" name="c2" /> Spring Roll <br> <input type="checkbox" name="c3" /> Chana Chaat <br> <h3>Non-Veg</h3> <input type="checkbox" name=“d1" /> Chicken Chilli<br> <input type="checkbox" name=“d2" /> Chicken Butter Masala<br> <input type="checkbox" name=“d3" /> Chicken Handi <br> <br> <input type="submit" value="ORDER" /> </form> </body> </html>
  • 5. DROP-DOWN CODE <HTML> <head> <title> Details </title> </head> <body> <h1> My Details </h1> <form name="f1"> Student Name <input type="text" name="t1"><br> SelectCollege <select name="s1"> <option>Narayana Junior College</option> <option>Mutha Junior College</option> <option>RKT College</option> <option>Vivekananda College</option> </select><br> <input type="submit" value="Submit"> <input type="reset" value="Clear" > </form> </body> </HTML>
  • 6. REGISTRATION FORM : HTML CODE <body bgcolor="lightblue"> <h1>Student Registration Form</h1> <hr > <form name="form1" method=post action="add.html“ onSubmit=f1();> ENTER NAME: <input type="textbox" maxlength=10 required name=t1> <br><br> ENTER ADDRESS: <textarea rows="5" cols="70" name=t3></textarea> <br><br> GENDER:<br> <input type="radio" name=r1>MALE<br> <input type="radio" name=r1 >FEMALE <BR> Select Board: <br><BR> <select name=s1> <option value=1>State Board</option> <option value=2>CBSE</option> <option value=3>ICSE</option> <option value=4>IB</option> </select> <br> <br> Extra Curricular Activity: <br> <input type="checkbox" name=c1 checked>Dance<br> <input type="checkbox" name=c1>Music<br> <input type="checkbox" name=c1>Paint<br> <br> <input type="reset" value="Clear"> <input type="submit" value="submit"> </form> </body> </html> <html> <head> <title>Registration Form</title> <script type="text/javascript"> function f1() { var name = document.form1.t1.value; alert(name); alert(name + "The form is submitted"); } </script> </head>

Editor's Notes

  1. These can be changed to reflect your school’s specific rules.
  2. *Change this verbiage to the language your school uses.