HTML

Details Snippets Text processor File transfer

Core

Definition

HTML ((Hyper Text: link creation possibility) (Markup Language: additional meaning of marked text)): case insensitive scripting language used for placement of the different contents on the web pages. HTML is easy to learn and you will enjoy it!

Elements

HTML elements: define different website contents using tags:
(a) opening (with HTML atributes) and
(b) closing (with forward slash).

Browsers do not display the HTML tags.

Clarifications

HTML tags: delimit the start (opening) and end (closing) of the elements.

HTML attributes (included only in the opening tag): provide additional information about element using pairs attribute_name / attribute_value.

Example: website language declaration

<html lang="en">

Example: simple HTML document

<!DOCTYPE html> <!-- document type: HTML5 -->
<html> <!-- website root -->
<head> <!-- website invisible informations -->
  <title>Page Title</title> <!-- website title -->
</head>
<body> <!-- website visible information -->
  <h1>My First Heading</h1>
  <p>My first paragraph.</p>
</body>
</html>

Topics

HTML Topics Links (w3schools)

HTML Basics

Editors Basic Elements Attributes Headings Paragraphs Styles Formatting Quotations Comments Colors CSS Links Images Tables Lists Blocks Classes Id Iframes JavaScript File Paths Head Layout Responsive Computercode Semantics Entities Symbols Charset URL Encode XHTML Style Guide

HTML Forms

Forms Form Elements Input Types Input Attributes Input Form Attributes

HTML Graphics

Canvas SVG

HTML Media

Media Video Audio Plug-ins YouTube

HTML APIs

Geolocation Drag/Drop Web Storage Web Workers SSE

HTML Topics Overview

Basics (HTML, XHTML, semantics), Structure (layout, parts, elements, iframes, attributes), Flow (block, inline, navigation, classes, id), Text (internationalization, character, entities, symbols, charset), Lists (unordered, ordered, description list), Tables (caption, heading, colspan, rowspan), Links (hyperlinks, URL, external, internal, bookmark, target, image), Images (size, floating, image map, background image, picture), Forms (validation, browser support, inputs, elements), Extra Markup (), Media (Flash, Video, Audio, Plug-ins, YouTube), Graphics (Canvas, SVG), APIs (Geolocation, drag/drop, web storage, web workers, SSE), Miscellaneous (validation, Global Attributes, Event Handlers, DOM, Compatibility), Responsive Web Design (essential, viewports, fluid layouts, mobile applications)

Sources

Useful links

Learn

(a) tutorials: w3schools mozilla tutorialrepublic tutorialspoint devdocs htmldog AfterHoursProgramming scriptingmaster
(b) ebooks: toBeDangerous HTML&CSS FreeFrontend
(c) exercises/exam: w3schools.com (exercise) w3schools.com (quiz) w3schools.com ($95 online certification)

Practice

(a) documents: w3 whatwg mozilla HMT5Logo
(b) tools: HTML tutorialspoint OnlineEditor01 5BestOnlineEditors  CheatSheets CheatSheet01 CheatSheet02 CheatSheet03 Cleaner canIUse w3 validator linkChecker
(c) best practice: 30HTML5 20HTML HTML 15HTML

Selected Books (ebooks collected)

author, title, edition, pages, publisher, ISBN, Amazon: price, evaluation / reviews, record date

  1. Duckett J.: HTML and CSS: Design and Build Websites, 1st. 490. John Wiley & Sons, 2011. 1118008189. $17.58. 4.6 / 1813. 2020 02 02.
  2. MacDonald M.: HTML5: The Missing Manual, 2nd. 518. O’Reilly Media, 2014. 1449363261. $23.32. 4.5 / 55. 2020 02 02.
  3. Howe S.: Learn to Code HTML and CSS: Develop and Style Websites, 1st. 304. New Riders, 2014. 0321940520. $17.65. 4.5 / 38. 2020 02 02.
  4. Robbins J.: HTML5: Pocket Reference, 5th. 184. O’Reilly Media, 2013. 1449363350. $10.49. 4.8 / 23. 2020 02 02.
  5. Freeman E., Robson E.: Head First HTML5 Programming: Building Web Apps with JavaScript, 1st. 610. O’Reilly Media, 1449390544. $39.00. 4.0 / 144. 2020 02 02.
  6. Meyers M.: A Smarter Way to Learn HTML & CSS: Learn it faster Remember it longer, 1st. 258. CreateSpace Independent Publishing Platform, 2015. 258. 150867387X. $18.95. 4.8 / 560. 2020 02 02.
  7. Gustafson J. M.: HTML5 Web Application Development By Example Beginner’s Guide. 276. Packt Publishing, 2013. 1849695946. $44.99. 2.9 / 4. 2020 02 02.
  8. Powell T. A.: HTML and CSS: The Complete Reference, 5th. 864. McGraw-Hill Education, 2010. 0071496297. $28.81. 4.3 / 67. 2020 02 02.
  9. Frain B.: Responsive Web Design with HTML5 and CSS3: Build responsive and future-proof websites to meet the demands of modern web users, 2nd. 350. Packt Publishing, 2015. 1784398934. $36.61. 4.5 / 50. 2020 02 02.
  10. Goldstein A., Lazaris L., Weyl E.: HTML5 and CSS3 For The Real World: Powerful HTML5 and CSS3 Techniques You Can Use Today!, 2nd. 350. SitePoint, 2014. 0987467484. $23.77. 3.5 / 12. 2020 02 02.
  11. Fulton S., Fulton J.: HTML5 Canvas: Native Interactivity and Animation for the Web, 2nd. 750. O’Reilly Media, 2013. 1449334989. $30.91. 3.9 / 17. 2020 02 02.
  12. Crowther R., Lennon J., Blue A., Wanish G.: HTML5 in Action, 1st. Manning Publications, 2014. 1617290491. $16.19. 3.8 / 5. 2020 02 02.
  13. Shah N., Ortíz G. J. B.:HTML5 Enterprise Application Development. 332. Packt Publishing, 2013. $49.99. 1849685681. 3.7 / 4. 2020 02 02.
  14. Silveira R.: Learn HTML5 by Creating Fun Games. 374. Packt Publishing, 2013. $37.490. 1849696020 2013 2.0 / 1. 2020 02 02.
  15. Knapp M.: HTML & CSS: Learn The Fundamentals In 7 days. 121. Independently published, 2017. 1520562594. $14.99. 4.4 / 11. 2020 02 02.
  16. Harris A.: HTML5 and CSS3 All-in-One For Dummies, 3rd. 1104. John Wiley & Sons, 2014. 1118289382. $25.09. 4.4 / 156. 2020 02 02.
  17. Bellamy-Royds A., Cagle K., Storey D.: Using SVG with CSS3 and HTML5: Vector Graphics for Web Design, 1st. 844. O’Reilly Media, 2017. 1491921978. $48.77. 5.0 / 6. 2020 02 02.
  18. Felke-Morris T.: Web Development and Design Foundations with HTML5, 8th. 720. Pearson, 2016. 0134322754. $19.99. 4.2 / 64. 2020 02 02.
  19. Niederst Robbins J.: Learning Web Design: A Beginner’s Guide to HTML, CSS, JavaScript, and Web Graphics, 5th. 808. O’Reilly, 2018. 1491960205. $46.99. 4.6 / 60. 2020 02 02.

Details Snippets Text processor File transfer