HTML

HyperText Markup Language (commonly abbreviated HTML) is the innovation that is said to have truly begun the initial surge in interest and subsequent increases in both adoption and usage of the Internet as a viable communications medium. Before HTML and the first system for processing it (called the World Wide Web by its founder, Tim Berners-Lee) the Internet was at worst a painful academic exercise and at best a convenient military communication tool that was receiving a utilization that simply did not come close to realizing its full potential.

Because of the advent of HTML, a language for creating documents that could easily be shared through the internet, and the World Wide Web a system for displaying the HTML code of those documents in a human readable format, the Internet became a common household word and citizens became fixated with learning about and using it for their own personal productivity and entertainment purposes. HTML has provided a platform for sharing information that has lead to many other important new innovations in the way people communicate and do business, including: e-commerce, e-business, social networking, e-learning, chat, instant messaging, online video and countless others.

Specifications

• HTML5: http://www.w3.org/TR/html5/
• HTML 4.01 spec: http://www.w3.org/TR/html4/
• HTML 3.2 spec: http://www.w3.org/TR/REC-html32
• HTML 2 spec: http://www.w3.org/MarkUp/html-spec/html-spec_toc.html
• HTML 1 spec: http://www.w3.org/MarkUp/draft-ietf-iiir-html-01.txt

DOM

The Document Object Model (commonly abbreviated DOM), is the tree-like structure of an XML, HTML or other SGML-compatible document.

• HTML DOM Document Object: http://www.w3schools.com/jsref/dom_obj_document.asp
• W3C DOM compatibility table: http://www.quirksmode.org/dom/w3c_html.html (HTML DOM support for JavaScript in various Browsers)
• Live DOM Viewer: http://software.hixie.ch/utilities/js/live-dom-viewer/
• Retrieving Page Elements via the DOM: http://www.elated.com/articles/javascript-retrieving-page-elements-via-the-dom/

Closest

• Element.closest API: https://developer.mozilla.org/en-US/docs/Web/API/Element/closest (includes a cross-browser polyfill for older browsers like IE)
• Can I Use - closest: https://caniuse.com/#feat=element-closest

classList

• Element.classList: https://developer.mozilla.org/en-US/docs/Web/API/Element/classList
• Can I Use - classList: https://caniuse.com/#feat=classlist

Tools

• W3C -- World Wide Web - HTMLTools: https://www.w3.org/Tools/
• Code2HTML converter: http://www.palfrader.org/code2html/code2html.html

Parsers

JavaScript

• Pure JavaScript HTML Parser: http://ejohn.org/blog/pure-javascript-html-parser/

JAVA

• jsoup -- Java HTML Parser (jquery-like simple DOM parser for HTML): http://jsoup.org/
• CyberNeko HTML Parser 1.9.13: http://nekohtml.sourceforge.net/

PHP

• SimpleHtmlDOM: http://simplehtmldom.sourceforge.net/
• HTMLPurifier -- Standards-Compliant HTML Filtering: http://htmlpurifier.org/

Python

• BeautifulSoup: http://www.crummy.com/software/BeautifulSoup/

Resources

• W3C - HTML reference (official wiki/guide): http://www.w3.org/wiki/HTML/Elements
• First WWW address ever published (markup in HTML): http://www.w3.org/History/19921103-hypertext/hypertext/WWW/TheProject.html
• Mozilla Developer Network (MDN): https://developer.mozilla.org/en-US/docs
• Opera - Introduction to Web Standards (HTML, CSS, JS): http://dev.opera.com/articles/view/1-introduction-to-the-web-standards-cur/#toc
• SitePoint - HTML reference: http://reference.sitepoint.com/html
• Evolution of HTML (INFOGRAPHIC): http://broadcast.rackspace.com/blog/HTMLtimeline/
• First World Wide Web browser (SCREENSHOT): http://inventors.about.com/gi/o.htm?zi=1/XJ&zTi=1&sdn=inventors&cdn=money&tm=5&f=10&su=p1116.1.150.ip_p284.13.342.ip_&tt=2&bt=1&bts=1&zu=http%3A//www.w3.org/MarkUp/tims_editor

Tutorials

• Advanced HTML & CSS guide: http://learn.shayhowe.com/advanced-html-css/
• Google - HTML, CSS, and Javascript from the Ground Up: http://code.google.com/edu/submissions/html-css-javascript/
• HTML Dog - HTML & CSS Tutorials: http://htmldog.com/
• HTML Jalfrezi - Guide to Spiffy HTML: http://freespace.virgin.net/sizzling.jalfrezi/
• Optimizing your HTML pages for speculative parsing: https://developer.mozilla.org/en-US/docs/Web/HTML/Optimizing_your_pages_for_speculative_parsing
• HTML can do that?: https://dev.to/ananyaneogi/html-can-do-that-c0n
• Optional HTML -- Everything You Need to Know: https://meiert.com/en/blog/optional-html/
• When HTML Can Be Better Than JSON: https://medium.com/@fagnerbrack/html-is-an-api-8508362107a3

• Best way to parse HTML in Javascript: https://stackoverflow.com/questions/4247838/best-way-to-parse-html-in-javascript
• jQuery API docs --$.parseHTML(): https://api.jquery.com/jQuery.parseHTML/
• parseHTML re-implemented in pure JS: https://gist.github.com/Munawwar/6e6362dbdf77c7865a99 (returns a "DocumentFragment" which can be used in appendChild, replaceChild, etc)
• John Resig's Pure JavaScript HTML Parser: https://johnresig.com/blog/pure-javascript-html-parser/
• Parse an HTML string with JS: https://stackoverflow.com/questions/10585029/parse-an-html-string-with-js
• Reverse of jQuery.parseHTML (to take array of Elements/Attributes and turn back into HTML String): https://stackoverflow.com/questions/20132174/reverse-of-jquery-parsehtml

External Links

• HTML Tags -- original documentation for HTML language: http://www.w3.org/History/19921103-hypertext/hypertext/WWW/MarkUp/Tags.html
• Semantic HTML: http://www.squidoo.com/SemanticHTML
• Highlight an Image in HTML Code: http://lifehacker.com/356650/highlight-an-image-in-html-code
• HTML/JavaScript - Select list - Add/Remove Options (Old School): http://www.mredkj.com/tutorials/tutorial006.html
• HTML/JavaScript - Select list move options: http://www.mredkj.com/tutorials/tutorial_mixed2b.html
• Getting the text from an HTML drop down selection list: http://www.webdevelopersnotes.com/tips/html/getting_the_text_from_an_html_drop_down_selection_list.php3
• HTML Forms With Style: http://dhtmlkitchen.com/learn/css/forms/index5.jsp
• HTML 4 Considered Harmful: http://www.sitepoint.com/html-4-considered-harmful/
• HTML - The format of The Long Now: http://adactio.com/journal/1665/
• HTML Stretch Background Image: http://www.quackit.com/html/codes/html_stretch_background_image.cfm
• HTML Meta Refresh: http://www.pageresource.com/html/metref.htm
• 20 Years Ago Today - The First Website Is Published: http://www.wired.com/geekdad/2011/08/world-wide-web-20-years/
• Top 20 HTML Interview Questions and Answers: http://www.developerslane.com/top-20-html-interview-questions-and-answers/
• Math in HTML (and CSS): http://www.cs.tut.fi/%7Ejkorpela/math/
• Here's Why There Are Different Versions of HTML: https://www.lifewire.com/why-different-html-versions-3471349

See Also

DHTML | SHTML | XHTML | HTML5