SlideShare une entreprise Scribd logo
1  sur  25
Télécharger pour lire hors ligne
Introduction to HTML Vincci Kwong Reference/Instruction Librarian
What is HTML? ,[object Object],[object Object],[object Object],[object Object]
How is a HTML File Looks Like
Creating a HTML File ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HTML Tags ,[object Object],[object Object],[object Object],[object Object],Italic <I>Italic</I> I Italic Bold <B>Bold</B> B Bold What It Does Code Used Code Effect
HTML Document Structure ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Background ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Text ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Font ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Tag attribute
Commonly Used Character Entities &quot; Quotation mark “ &copy; Copyright ©  &amp; Ampersand & &gt; Greater than > &lt; Less than < &nbsp; Non-breaking space Entity Name Description Result
Headings ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
List ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Table ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Row 2, cell 1 Row 1, cell 2 Row 1, cell 1 Another Heading Heading
Create Links ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Image Formats ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Inserting Image ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Image Size ,[object Object],[object Object],Width Height
Forms ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Text Input Fields ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Submission Button ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Checkboxes ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Radio Buttons ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Text Box ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Pull-down Menu ,[object Object],[object Object],[object Object],[object Object]
Additional Resource ,[object Object]

Contenu connexe

Tendances (20)

Html Intro2
Html Intro2Html Intro2
Html Intro2
 
HTML (Web) basics for a beginner
HTML (Web) basics for a beginnerHTML (Web) basics for a beginner
HTML (Web) basics for a beginner
 
Intro to HTML and CSS basics
Intro to HTML and CSS basicsIntro to HTML and CSS basics
Intro to HTML and CSS basics
 
Html
HtmlHtml
Html
 
How to learn HTML in 10 Days
How to learn HTML in 10 DaysHow to learn HTML in 10 Days
How to learn HTML in 10 Days
 
Intro Html
Intro HtmlIntro Html
Intro Html
 
Html tutorials
Html tutorialsHtml tutorials
Html tutorials
 
Html introduction
Html introductionHtml introduction
Html introduction
 
CSS Basics
CSS BasicsCSS Basics
CSS Basics
 
HTML
HTMLHTML
HTML
 
HTML Introduction
HTML IntroductionHTML Introduction
HTML Introduction
 
CSS
CSSCSS
CSS
 
BasicHTML
BasicHTMLBasicHTML
BasicHTML
 
Html
HtmlHtml
Html
 
HTML5 & CSS3
HTML5 & CSS3 HTML5 & CSS3
HTML5 & CSS3
 
CSS Font & Text style
CSS Font & Text style CSS Font & Text style
CSS Font & Text style
 
Html basics
Html basicsHtml basics
Html basics
 
Eye catching HTML BASICS tips: Learn easily
Eye catching HTML BASICS tips: Learn easilyEye catching HTML BASICS tips: Learn easily
Eye catching HTML BASICS tips: Learn easily
 
Images and Tables in HTML
Images and Tables in HTMLImages and Tables in HTML
Images and Tables in HTML
 
HTML, CSS, JavaScript for beginners
HTML, CSS, JavaScript for beginnersHTML, CSS, JavaScript for beginners
HTML, CSS, JavaScript for beginners
 

Similaire à YL Intro html

How To Create Personal Web Pages On My Web
How To Create Personal Web Pages On My WebHow To Create Personal Web Pages On My Web
How To Create Personal Web Pages On My Websritikumar
 
KMUTNB - Internet Programming 3/7
KMUTNB - Internet Programming 3/7KMUTNB - Internet Programming 3/7
KMUTNB - Internet Programming 3/7phuphax
 
Xhtml Part1
Xhtml Part1Xhtml Part1
Xhtml Part1nleesite
 
Lecture 1 - Comm Lab: Web @ ITP
Lecture 1 - Comm Lab: Web @ ITPLecture 1 - Comm Lab: Web @ ITP
Lecture 1 - Comm Lab: Web @ ITPyucefmerhi
 
Block2 Session2 Presentation
Block2 Session2 PresentationBlock2 Session2 Presentation
Block2 Session2 PresentationMichael Gwyther
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to htmlvikasgaur31
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to htmlvikasgaur31
 
Html part2 (1)
Html part2 (1)Html part2 (1)
Html part2 (1)suba_sqa
 
Html part2
Html part2Html part2
Html part2suba_sqa
 
Lecture 6 - Comm Lab: Web @ ITP
Lecture 6 - Comm Lab: Web @ ITPLecture 6 - Comm Lab: Web @ ITP
Lecture 6 - Comm Lab: Web @ ITPyucefmerhi
 

Similaire à YL Intro html (20)

How To Create Personal Web Pages On My Web
How To Create Personal Web Pages On My WebHow To Create Personal Web Pages On My Web
How To Create Personal Web Pages On My Web
 
KMUTNB - Internet Programming 3/7
KMUTNB - Internet Programming 3/7KMUTNB - Internet Programming 3/7
KMUTNB - Internet Programming 3/7
 
Xhtml Part1
Xhtml Part1Xhtml Part1
Xhtml Part1
 
HTML Fundamentals
HTML FundamentalsHTML Fundamentals
HTML Fundamentals
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
HTML & CSS
HTML & CSSHTML & CSS
HTML & CSS
 
Creating a Webpage
Creating a WebpageCreating a Webpage
Creating a Webpage
 
Lecture 1 - Comm Lab: Web @ ITP
Lecture 1 - Comm Lab: Web @ ITPLecture 1 - Comm Lab: Web @ ITP
Lecture 1 - Comm Lab: Web @ ITP
 
Block2 Session2 Presentation
Block2 Session2 PresentationBlock2 Session2 Presentation
Block2 Session2 Presentation
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
 
Diva
DivaDiva
Diva
 
Html part2 (1)
Html part2 (1)Html part2 (1)
Html part2 (1)
 
Html part2
Html part2Html part2
Html part2
 
Lecture 6 - Comm Lab: Web @ ITP
Lecture 6 - Comm Lab: Web @ ITPLecture 6 - Comm Lab: Web @ ITP
Lecture 6 - Comm Lab: Web @ ITP
 
Tor2
Tor2Tor2
Tor2
 
Xml Zoe
Xml ZoeXml Zoe
Xml Zoe
 
Xml Zoe
Xml ZoeXml Zoe
Xml Zoe
 

Plus de dilom1986

YL html form demo
YL html form demoYL html form demo
YL html form demodilom1986
 
YL html intro1
YL html intro1YL html intro1
YL html intro1dilom1986
 
YL frame demo
YL frame demoYL frame demo
YL frame demodilom1986
 
YL form tag with radio button
YL form tag with radio buttonYL form tag with radio button
YL form tag with radio buttondilom1986
 
YL form tag with checkbox
YL form tag with checkboxYL form tag with checkbox
YL form tag with checkboxdilom1986
 
YL basic tag
YL basic tagYL basic tag
YL basic tagdilom1986
 
YL basic computer Learning
YL basic computer LearningYL basic computer Learning
YL basic computer Learningdilom1986
 
Maths tricks multiply by 11
Maths tricks multiply by 11Maths tricks multiply by 11
Maths tricks multiply by 11dilom1986
 

Plus de dilom1986 (9)

YL html form demo
YL html form demoYL html form demo
YL html form demo
 
YL html
YL htmlYL html
YL html
 
YL html intro1
YL html intro1YL html intro1
YL html intro1
 
YL frame demo
YL frame demoYL frame demo
YL frame demo
 
YL form tag with radio button
YL form tag with radio buttonYL form tag with radio button
YL form tag with radio button
 
YL form tag with checkbox
YL form tag with checkboxYL form tag with checkbox
YL form tag with checkbox
 
YL basic tag
YL basic tagYL basic tag
YL basic tag
 
YL basic computer Learning
YL basic computer LearningYL basic computer Learning
YL basic computer Learning
 
Maths tricks multiply by 11
Maths tricks multiply by 11Maths tricks multiply by 11
Maths tricks multiply by 11
 

Dernier

Presentation on the Basics of Writing. Writing a Paragraph
Presentation on the Basics of Writing. Writing a ParagraphPresentation on the Basics of Writing. Writing a Paragraph
Presentation on the Basics of Writing. Writing a ParagraphNetziValdelomar1
 
Prescribed medication order and communication skills.pptx
Prescribed medication order and communication skills.pptxPrescribed medication order and communication skills.pptx
Prescribed medication order and communication skills.pptxraviapr7
 
Quality Assurance_GOOD LABORATORY PRACTICE
Quality Assurance_GOOD LABORATORY PRACTICEQuality Assurance_GOOD LABORATORY PRACTICE
Quality Assurance_GOOD LABORATORY PRACTICESayali Powar
 
Patterns of Written Texts Across Disciplines.pptx
Patterns of Written Texts Across Disciplines.pptxPatterns of Written Texts Across Disciplines.pptx
Patterns of Written Texts Across Disciplines.pptxMYDA ANGELICA SUAN
 
Maximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdf
Maximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdfMaximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdf
Maximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdfTechSoup
 
Easter in the USA presentation by Chloe.
Easter in the USA presentation by Chloe.Easter in the USA presentation by Chloe.
Easter in the USA presentation by Chloe.EnglishCEIPdeSigeiro
 
How to Add a New Field in Existing Kanban View in Odoo 17
How to Add a New Field in Existing Kanban View in Odoo 17How to Add a New Field in Existing Kanban View in Odoo 17
How to Add a New Field in Existing Kanban View in Odoo 17Celine George
 
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdfP4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdfYu Kanazawa / Osaka University
 
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptx
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptxPractical Research 1: Lesson 8 Writing the Thesis Statement.pptx
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptxKatherine Villaluna
 
CapTechU Doctoral Presentation -March 2024 slides.pptx
CapTechU Doctoral Presentation -March 2024 slides.pptxCapTechU Doctoral Presentation -March 2024 slides.pptx
CapTechU Doctoral Presentation -March 2024 slides.pptxCapitolTechU
 
The basics of sentences session 10pptx.pptx
The basics of sentences session 10pptx.pptxThe basics of sentences session 10pptx.pptx
The basics of sentences session 10pptx.pptxheathfieldcps1
 
The Singapore Teaching Practice document
The Singapore Teaching Practice documentThe Singapore Teaching Practice document
The Singapore Teaching Practice documentXsasf Sfdfasd
 
Practical Research 1 Lesson 9 Scope and delimitation.pptx
Practical Research 1 Lesson 9 Scope and delimitation.pptxPractical Research 1 Lesson 9 Scope and delimitation.pptx
Practical Research 1 Lesson 9 Scope and delimitation.pptxKatherine Villaluna
 
What is the Future of QuickBooks DeskTop?
What is the Future of QuickBooks DeskTop?What is the Future of QuickBooks DeskTop?
What is the Future of QuickBooks DeskTop?TechSoup
 
How to Make a Field read-only in Odoo 17
How to Make a Field read-only in Odoo 17How to Make a Field read-only in Odoo 17
How to Make a Field read-only in Odoo 17Celine George
 
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptxSandy Millin
 
Human-AI Co-Creation of Worked Examples for Programming Classes
Human-AI Co-Creation of Worked Examples for Programming ClassesHuman-AI Co-Creation of Worked Examples for Programming Classes
Human-AI Co-Creation of Worked Examples for Programming ClassesMohammad Hassany
 
Diploma in Nursing Admission Test Question Solution 2023.pdf
Diploma in Nursing Admission Test Question Solution 2023.pdfDiploma in Nursing Admission Test Question Solution 2023.pdf
Diploma in Nursing Admission Test Question Solution 2023.pdfMohonDas
 
Education and training program in the hospital APR.pptx
Education and training program in the hospital APR.pptxEducation and training program in the hospital APR.pptx
Education and training program in the hospital APR.pptxraviapr7
 

Dernier (20)

Presentation on the Basics of Writing. Writing a Paragraph
Presentation on the Basics of Writing. Writing a ParagraphPresentation on the Basics of Writing. Writing a Paragraph
Presentation on the Basics of Writing. Writing a Paragraph
 
Personal Resilience in Project Management 2 - TV Edit 1a.pdf
Personal Resilience in Project Management 2 - TV Edit 1a.pdfPersonal Resilience in Project Management 2 - TV Edit 1a.pdf
Personal Resilience in Project Management 2 - TV Edit 1a.pdf
 
Prescribed medication order and communication skills.pptx
Prescribed medication order and communication skills.pptxPrescribed medication order and communication skills.pptx
Prescribed medication order and communication skills.pptx
 
Quality Assurance_GOOD LABORATORY PRACTICE
Quality Assurance_GOOD LABORATORY PRACTICEQuality Assurance_GOOD LABORATORY PRACTICE
Quality Assurance_GOOD LABORATORY PRACTICE
 
Patterns of Written Texts Across Disciplines.pptx
Patterns of Written Texts Across Disciplines.pptxPatterns of Written Texts Across Disciplines.pptx
Patterns of Written Texts Across Disciplines.pptx
 
Maximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdf
Maximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdfMaximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdf
Maximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdf
 
Easter in the USA presentation by Chloe.
Easter in the USA presentation by Chloe.Easter in the USA presentation by Chloe.
Easter in the USA presentation by Chloe.
 
How to Add a New Field in Existing Kanban View in Odoo 17
How to Add a New Field in Existing Kanban View in Odoo 17How to Add a New Field in Existing Kanban View in Odoo 17
How to Add a New Field in Existing Kanban View in Odoo 17
 
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdfP4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
 
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptx
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptxPractical Research 1: Lesson 8 Writing the Thesis Statement.pptx
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptx
 
CapTechU Doctoral Presentation -March 2024 slides.pptx
CapTechU Doctoral Presentation -March 2024 slides.pptxCapTechU Doctoral Presentation -March 2024 slides.pptx
CapTechU Doctoral Presentation -March 2024 slides.pptx
 
The basics of sentences session 10pptx.pptx
The basics of sentences session 10pptx.pptxThe basics of sentences session 10pptx.pptx
The basics of sentences session 10pptx.pptx
 
The Singapore Teaching Practice document
The Singapore Teaching Practice documentThe Singapore Teaching Practice document
The Singapore Teaching Practice document
 
Practical Research 1 Lesson 9 Scope and delimitation.pptx
Practical Research 1 Lesson 9 Scope and delimitation.pptxPractical Research 1 Lesson 9 Scope and delimitation.pptx
Practical Research 1 Lesson 9 Scope and delimitation.pptx
 
What is the Future of QuickBooks DeskTop?
What is the Future of QuickBooks DeskTop?What is the Future of QuickBooks DeskTop?
What is the Future of QuickBooks DeskTop?
 
How to Make a Field read-only in Odoo 17
How to Make a Field read-only in Odoo 17How to Make a Field read-only in Odoo 17
How to Make a Field read-only in Odoo 17
 
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
 
Human-AI Co-Creation of Worked Examples for Programming Classes
Human-AI Co-Creation of Worked Examples for Programming ClassesHuman-AI Co-Creation of Worked Examples for Programming Classes
Human-AI Co-Creation of Worked Examples for Programming Classes
 
Diploma in Nursing Admission Test Question Solution 2023.pdf
Diploma in Nursing Admission Test Question Solution 2023.pdfDiploma in Nursing Admission Test Question Solution 2023.pdf
Diploma in Nursing Admission Test Question Solution 2023.pdf
 
Education and training program in the hospital APR.pptx
Education and training program in the hospital APR.pptxEducation and training program in the hospital APR.pptx
Education and training program in the hospital APR.pptx
 

YL Intro html

  • 1. Introduction to HTML Vincci Kwong Reference/Instruction Librarian
  • 2.
  • 3. How is a HTML File Looks Like
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10. Commonly Used Character Entities &quot; Quotation mark “ &copy; Copyright © &amp; Ampersand & &gt; Greater than > &lt; Less than < &nbsp; Non-breaking space Entity Name Description Result
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.

Notes de l'éditeur

  1. A little bit history about hypertext. Originated from Vannevar Bush, hypertext is an idea of linking documents together to make it easier to keep track of relationships between documents. The concept is more focus on individual, instead of a global system linking documents from many sources.
  2. HTML documents contain content that is to be displayed and tags that define the structure of the document (and in a few cases to specify formatting instructions). These tags are used by a browser to decide how to display the content. HTML documents are simple text files that can be created with any text editor, the tags are just special sequences that provide information to the browser on how to display them. HTML tags are always bracketed within a less-than (&lt;) and greater-than (&gt;) character. Every tag has a name that indicates to the browser some information about document structure, and some tags can have attributes that provide additional information to the browser.
  3. Every HTML document should start with the tag &lt;html&gt; and end with the tag &lt;/html&gt;, this tells the browser that this is an HTML document. Each HTML document includes a head and a body. The head includes information about the document (possibly the title, author, date of creation, software used to create the document) and the body contains the content of the document. There are tags used to identify these sections: &lt;head&gt; &lt;/head&gt; these tags surround the head of the document and come first (before the body tags). &lt;body&gt; &lt;/body&gt; these tags surround the content of the document. The head and body tags are actually required by the latest version of HTML. Within the title tags the document should contain a document title - this title is typically shown in the title bar of the browser window. Document titles should convey something useful about the content of the document.
  4. Tags can have attributes . Attributes can provide additional information about the HTML elements on your page. Attributes always come in name/value pairs like this: name=&amp;quot;value&amp;quot;. Attributes are always added to the start tag of an HTML element
  5. Some characters have a special meaning in HTML, like the less than sign (&lt;) that defines the start of an HTML tag. If we want the browser to actually display these characters we must insert character entities in the HTML source.
  6. A number of tags are defined to be used to indicate section headings within a document. Typically a document contains a number of sections (chapters), and within each section are subsections, and within subsections are sub-subsections, and so on. The heading tags are &lt;h1&gt;, &lt;h2&gt;, &lt;h3&gt;, ... &lt;h6&gt;, with H1 being the highest level heading (usually rendered the largest) and H6 the lowest level heading.
  7. HTML supports ordered (numbered) and unordered lists. Each list can include a number of list items, the browser renders these list items in a way that (hopefully) appears as a list. Unordered lists are contained within the tags &lt;ul&gt; and &lt;/ul&gt;. Ordered lists are contained within the &lt;ol&gt; and &lt;/ol&gt; tags. In both cases each individual list item is contained within the &lt;li&gt; and &lt;/li&gt; tags.
  8. HTML supports the display of tabular data using tables. Tables are also used to manage document layout (probably more often than to display tabular data). The HTML table model includes three basic elements - the table ( &lt;table&gt; and &lt;/table&gt; tags), table row ( &lt;tr&gt; and &lt;/tr&gt; tags) and a table cell (using either &lt;th&gt;,&lt;/th&gt; or &lt;td&gt;,&lt;/td&gt; tags).
  9. Creation of a Hyperlink is done with the &lt;a&gt;,&lt;/a&gt; tags. The text between the &lt;a&gt; and &lt;/a&gt; tags becomes the link - when a user clicks on this text the browser open a new document. The location and name of the new document (the destination of the link) is included in the &lt;a&gt; tag as the value of the HREF attribute. This value is specified as a URL.
  10. Many Web applications require that a user to provides some input. Typically a user fills out a form by filling in some fields with text and/or selecting from lists of options. HTML forms provide a mechanism for including many input boxes (and buttons) that the user can use to provide input to a web application.
  11. TEXT is the most common type of input field, it allows the user to type in a single line of text. There are some additional attributes that can control the maximum length of the field (MAXLENGTH).
  12. Another type of input field is the SUBMIT type, this tells the browser to draw a button. When the user clicks on the button the browser knows to submit the contents of the form to the URL specified as the ACTION in the form tag. Submit inputs support the attribute VALUE which is the string you want displayed in the button. If you don&apos;t include a VALUE attribute the browser will put the string &amp;quot;Submit&amp;quot; in the button. Note that the NAME attribute is not required for a submit input.
  13. Inputs of type CHECKBOX present user with an item that can be selected or deselected. Each checkbox has a name and a value and can be initially selected/deselected.
  14. Radio Button inputs are like checkboxes, except that the user must select only one item from group of choices.
  15. You can create a multiline text field with the TEXTAREA tag. The TEXTAREA tag requires the NAME attribute and supports the attributes ROWS and COLS (to define the size of the box drawn on the screen). Unlike the INPUT tag - the TEXTAREA tag has an end tag, so you need to include a &lt;/TEXTAREa&gt; tag.
  16. The SELECT and OPTION tags can be used to create pull-down menus and scrolling lists of choices. The SELECT tag must include a NAME attribute (this is the name of the form field sent by the browser). Between the &lt;SELECT&gt; tag and the corresponding end tag &lt;/SELECT&gt; there can be number of OPTION tags - one for each choice you want displayed. The text that follows the OPTION tag is the text that will be displayed by the browser. The value sent by the browser if a choice is selected can be specified with a VALUE attribute, if none is specified the value sent will be the text that follows the OPTION tag.