A Short HTML Tutorial

Introduction to HTML

Basic HTML Tables Forms Adapted from W3Schools HTML Tutorial

Basic HTML From w3Schools.com HTML stands for Hyper Text Markup Language An HTML file is a text file containing small markup tags (e.g. , etc.) The markup tags tell the Web browser how to display the page

HelloWorld.html Hello World Hello World!!!

Hello World tag (not really a tag) defines the type of the document and which version of HTML the document is in. - This tag tells your browser that this is the start of an HTML document. The last tag in your document is . This tag tells your browser that this is the end of the HTML document. start of the HTML document

Hello World - any header data (e.g. , , ). Header information is not displayed in the browser window. - document body, all data, tables, forms go here. Tags is the text that will be displayed in your browser.

HTML Tags HTML tags are used to mark-up HTML elements HTML tags are surrounded by the two characters < and > The surrounding characters are called angle brackets HTML tags normally come in pairs like and The first tag in a pair is the start tag, the second tag is the end tag The text between the start and end tags is the element content HTML tags are not case sensitive, means the same as

HTML Tables Tables are defined with the tag. A table is divided into rows (with the tag), and each row is divided into data cells (with the

tag). The letters td stands for "table data," which is the content of a data cell. A data cell can contain text, images, lists, paragraphs, forms, horizontal rules, tables, etc. Table Example row 1, cell 1 row 1, cell 2 row 2, cell 1 row 2, cell 2 Row and Cols span Name Telephone Bill Gates 555 77 854 555 77 855 First Name: Bill Gates Telephone: 555 77 854 555 77 855 HTML Forms A form is an area that can contain form elements. Form elements are elements that allow the user to enter information (like text fields, textarea fields, drop-down menus, radio buttons, checkboxes, etc.) in a form. A form is defined with the tag. HTML Forms The most used form tag is the tag. The type of input is specified with the type attribute. E.G. textbox, button, radio … You can access all input variables through the request object in JSP pages Can have multiple forms in one HTML document. But don’t do it unless you have to. HTML Forms First name: Username: Password: References Lots of resources on Web (View Page Source any interesting page) http://www.w3schools.com/html/default.asp http://www.w3.org/MarkUp/ CSS and JavaScript tutorial on http://www.w3schools.com/ could come in handy. Suggest Documents A SHORT TUTORIAL → Read more HTML Tutorial (adapted from w3schools) Read more A Short Fuzzy Logic Tutorial Read more A Short Fuzzy Logic Tutorial Read more Supplement VI.A: HTML and XHTML Tutorial Read more Download HTML Tutorial (PDF Version) - Tutorials Point Read more HTML & PHP Tutorial 4.pdf - Google Drive Read more 1 TUTORIAL WEBDESIGN HTML & CSS DENGAN ... Read more HTML+Tutorial+in+Bangla-By-Sowrove - WordPress.com Read more POWER SYSTEM VOLTAGE STABILITY: A SHORT TUTORIAL Read more WuiX-)) Read 'Learn Enough HTML to Be Dangerous; A tutorial ... Read more NeoY=]] Download 'Learn Enough HTML to Be Dangerous; A tutorial ... Read more POPS short tutorial - TIMC-IMAG Read more POPS short tutorial - TIMC-IMAG Read more Bloom Filters – Short Tutorial - CiteSeerX Read more Moving the Psychological Soar Tutorial to HTML: An example of ... Read more /* New Perspectives on HTML and XHTML 5th Edition Tutorial ... - CIS Read more New Perspectives on Creating Web Pages with HTML Tutorial ... Read more Bloom Filters – Short Tutorial Read more Getting Started with Zoltan: a Short Tutorial - Center for Computing ... Read more Fast, Error Correcting Parser Combinators: A Short Tutorial - CiteSeerX Read more A SHORT TUTORIAL ON NETWORK CALCULUS I ... - CUHK CSE Read more Fast, Error Correcting Parser Combinators: A Short Tutorial - CiteSeerX Read more Plotting direction fields in Matlab and Maxima – a short tutorial Read more × Report "A Short HTML Tutorial" Your name Email Reason -Select Reason- Pornographic Defamatory Illegal/Unlawful Spam Other Terms Of Service Violation File a copyright complaint Description Close Save changes × Sign In Email Password Remember me Forgot password? Sign In Our partners will collect data and use cookies for ad personalization and measurement. Learn how we and our ad partner Google, collect and use data. Agree & close