You are on page 1of 428
HUT [ML hypertext markup language tutorialspoint SYUMPLYEASYLEA RNIN G www.tutorialspoint.com (FF) betes://wwws.faccbook.com/tutorialspointindia https://twitter.com/tutorialspoint HTML, About the Tutorial HTHIL stands for Hyper Text Markup Language, which is the most widely used language on Web to develop web pages, HTML was created by Berners-Lee in late 1991 but "HTML 2.0" was the first standard HTML specification which was published in 1995. HTML 4.01 was a major version of HTML and it ‘was published in late 1999, Though HTML 4.01 version is widely used but currently we are having HTML-5 version which is an extension to HTML 4.01, and this version was published In 2042. Audience This tutorial is designed for the aspiring Web Designers and Developers with a need to understand the HTML in enough detail along with its simple overview, and practical examples, This tutorial will give you enough ingredients to start with HTML from where you can take yourself at higher level of expertise. Prerequisites Before proceeding with this tutorial you should have a basic working knowledge with Windows or Linux operating system, additionally you must be familiar with; Experience with any text editor like notepad, notepad++, or Edit plus etc. How to create directories and files on your computer. How to navigate through different directories. How to type content in a file and save them on a computer, Understanding about images in different formats like PEG, PNG format. Copyright & Disclaimer © Copyright 2015 by Tutorials Point (1) Pvt. Ltd. All the content and graphics published in this e-book are the property of Tutorials Point (1) Pvt. Ltd. The user of this e-book is prohibited to reuse, retain, copy, distribute or republish any contents or a part of contents of this e-book in any manner without written consent of the publisher, We strive to update the contents of our website and tutorials as timely and as precisely as possible, however, the contents may contain inaccuracies or errors, Tutorials Point (I) Pvt, Ltd. provides no guarantee regarding the accuracy, timeliness or completeness of our website or Its contents including this tutorial. If you discover any errors on our website or in this tutorial, please notify us at contact @tutorialspoint.com HTML, Prerequisites Copyright & Disclaimer. Table of Contents.. HTML— OVERVIEW. Basle HTML Document .. HTML Tay HTML Document Structure. The Declaration . HTML~BASICTAGS..... Centering Content. Horizontal Lines Preserve Formatting winmmenmnnnnnnnnninnnnnnnnninnnniinnnannnnnnnnnnminnnnnnnnnninT Nonbreaking Sp: HTML—ELEMENTS.. HTML Tag ve. Element Nested HTML Elements HTML—ATTRIBUTES. HTML, HTML = FORMATTING ....cccnceesesent 18 Boll Tents eeatreicareaceacencanrunmicasanstta recta erat cerarenememeeaecarnd. Italie Text . Underlined Text Strike Text. ‘Monospaced Font Superscript Text. Subscript Text .. Inserted Text. Deleted Text. HTML PHRASE TAGS .. Emphasized Text. Strong Text. Text Abbreviation ‘Acronym Element, Text Directio Special Terms Quoting Text Short Quotations.. Text Citation: Computer Code. Keyboard Text.. HTML, Program Output . Address Text HTML~—META TAGS .. ‘Adding Meta Tags to Your Documents Specifying Keywords .. Document Description Document Revision Date Document Refreshing.. Setting Author Name .. Specify Character Set vninsesninnnnnnnnnntnnnnnnnesminnnnsni HTML =COMMMENTS.....ccccocessesene Valid vs invalid Comments ‘Multiline Comments (Cofidtiomial ComMaTEG vic nmsinescinnioniinenininieitiinsioatinonteiiesbnittiniensoaicantie GS) 43 Using Comment Tag ‘Commenting Script Code. Commenting Style Sheets... HTML IMAGES... Insert Image .. Set Image Location. Set Image Width/Height..1.enmnnnmnnnaninnnninnnnninnnimnnanmnnnnnnnnnnennnsn®T Set Image Border.. Set Image Alignment Free Web Graphics HTML, 10. HTML=TABLES ..occsesecscsenenenenen pesenaieseinatinaneienemnnenntnnenseentnse SO) 52 Callpadding and Cellepacing Attributes Colspan and Rowspan Attributes Tables Backgrounds... Table Height and Width Table Caption... Table Header, Body, and Footer Nested Table: 11. HTML-LISTS. HTMIL Unordered Lists. The type Attribute. HTML Ordered Lists ‘The type Atal utassticicareseateinnnsmicaianctaarcaitne mei cittananemtceaaaG®) The start Attribute. Cc] 12. HTML—TEXT LINKS... a} Linking Document: The target Attribute Use of Base Path . Linking to a Page Section File Download Dialog Bo: 13. HTML=IMAGE LINKS ..sscssssststessessstntntntntnnnsnntnisi ssssnnesennnestensenseseieT ‘Mouse-Sensitive Images. 74 Server-Side Image Maps. Client-side Image Maps. Coordinate System. 214. HTML EMAIL LINKS ....oscsssestsenee Disadvantages of Fram: a1 The Tag Attributes. The Tag Attributes... Browser Support for Frames Frame's name and target attributes. 16. HTML~IFRAMES. The