Introduction:

These are example HTML files from HTML Manual of Style: A Clear, Concise Reference for Hypertext Markup Language (including HTML5) - Fourth Edition by Larry Aronson

Personal note: Remember to label your files with HTML (.html).

Official Website (for books):

• https://www.oreilly.com/library/view/html-manual-of/9780321712301/

Official HTML Website:

• https://html.spec.whatwg.org/multipage/

Chapter One: HTML and the Web

Introduction - How HTML interacts with the web.

Overview:

• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch1/HTML_MOS_Example_1_1.html (HTML File - Example 1.1 - "Hello World" with CSS script)

Chapter Two: The HTML Language

Introduction - Defining HTML Syntax.

• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch2/HTML_MOS_Example_2_1.html (HTML File - Example 2.1 - "Hello World" with CSS script)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch2/HTML_MOS_Example_2_2.html (HTML File - Example 2.2 -  A slightly more complex "Hello World" Page)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch2/HTML_MOS_Example_2_3.html (HTML File - Example 2.3 - An HTML page with CSS rules and HTML attributes)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch2/HTML_MOS_Example_2_4.html (HTML File - Example 2.4 - A web page with a heading and two paragraphs)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch2/HTML_MOS_Example_2_5.html (HTML File - Example 2.5 - Using a division element with margins)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch2/HTML_MOS_Example_2_6.html (HTML File - Example 2.6 - Flowing text around an image)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch2/HTML_MOS_Example_2_7.html (HTML File - Example 2.7 - Using floating elements to create columns)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch2/HTML_MOS_Example_2_8.html (HTML File - Example 2.8 - An HTML table with "width" and "float" attributes)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch2/HTML_MOS_Example_2_9.html (HTML File - Example 2.9 - HTML heading elements)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch2/HTML_MOS_Example_2_10.html (HTML File - Example 2.10 - CSS statements for heading styles)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch2/HTML_MOS_Example_2_11.html (HTML File - Example 2.11 - CSS statements for heading styles)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch2/HTML_MOS_Example_2_12.html (HTML File - Example 2.12 - CSS statements for heading styles)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch2/HTML_MOS_Example_2_13.html (HTML File - Example 2.13 - Paragraphs and line breaks)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch2/HTML_MOS_Example_2_14.html (HTML File - Example 2.14 - Preformatted text in HTML)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch2/HTML_MOS_Example_2_15.html (HTML File - Example 2.15 - Preformatted text in HTML)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch2/HTML_MOS_Example_2_16.html (HTML File - Example 2.16 - HTML for a definition list)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch2/HTML_MOS_Example_2_17.html (HTML File - Example 2.17 - HTML and CSS for vertical and horizontal lists)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch2/HTML_MOS_Example_2_18.html (HTML File - Example 2.18 - HTML divisions)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch2/HTML_MOS_Example_2_19.html (HTML File - Example 2.19 - HTML divisions)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch2/HTML_MOS_Example_2_20.html (HTML File - Example 2.20 - Providing table alignment and spacing)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch2/HTML_MOS_Example_2_21.html (HTML File - Example 2.21 - A table with spanned rows and columns)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch2/HTML_MOS_Example_2_22.html (HTML File - Example 2.21 - A table with spanned rows and columns)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch2/HTML_MOS_Example_2_23.html (HTML File - Example 2.23 - HTML code for image scaling)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch2/HTML_MOS_Example_2_24.html (HTML File - Example 2.24 - Using the HTML5 video element with a Flash fallback)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch2/HTML_MOS_Example_2_25.html (HTML File - Example 2.25 - A simple form with input elements)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch2/HTML_MOS_Example_2_26.html (HTML File - Example 2.26 - An input form that calls a form-to-email CGI script)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch2/HTML_MOS_Example_2_27.html (HTML File - Example 2.27 - HTML code for using the canvas element)

Chapter Three: Elements of Style

Introduction - How to use CSS to modify the layout. (Under Construction)

• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch3/HTML_MOS_Example_3_1.html (HTML File - Example 3.1 - Selecting elements in nested lists)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch3/HTML_MOS_Example_3_2.html (HTML File - Example 3.2 - The first-child pseudo-class)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch3/HTML_MOS_Example_3_3.html (HTML File - Example 3.3 - Using the first-letter pseudo-element to create the "drop-cap" letter)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch3/HTML_MOS_Example_3_4.html (HTML File - Example 3.4 - HTML code for displaying generic font families)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch3/HTML_MOS_Example_3_5.html (HTML File - Example 3.5 - HTML code for displaying generic font families)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch3/HTML_MOS_Example_3_6.html (HTML File - Example 3.6 - Using font size in pixels for alignment)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch3/HTML_MOS_Example_3_7.html (HTML File - Example 3.7 - Using keyword font property values)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch3/HTML_MOS_Example_3_8.html (HTML File - Example 3.8 - HTML and CSS for background colors)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch3/HTML_MOS_Example_3_8.html (HTML File - Example 3.8 - HTML and CSS for background colors)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch3/HTML_MOS_Example_3_9.html (HTML File - Example 3.9 - Various text decorations)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch3/HTML_MOS_Example_3_10.html (HTML File - Example 3.10 - Setting line heights)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch3/HTML_MOS_Example_3_11.html (HTML File - Example 3.11 - Letter spacing and word spacing)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch3/HTML_MOS_Example_3_12.html (HTML File - Example 3.12 - Vertical alignment in table cells)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch3/HTML_MOS_Example_3_13.html (HTML File - Example 3.13 - Use of margin and padding for block elements)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch3/HTML_MOS_Example_3_14.html (HTML File - Example 3.14 - Using a table to display border styles)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch3/HTML_MOS_Example_3_15.html (HTML File - Example 3.15 - Using a table to display border styles)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch3/HTML_MOS_Example_3_16.html (HTML File - Example 3.16: HTML and CSS for two lists with different list-style properties)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch3/HTML_MOS_Example_3_17.html (HTML File - Example 3.17: HTML and CSS for displaying ordered list style types)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch3/HTML_MOS_Example_3_18.html (HTML File - Example 3.18: HTML and CSS for mixed list-style-type values)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch3/HTML_MOS_Example_3_19.html (HTML File - Example 3.19: HTML to demonstrate CSS positioning)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch3/HTML_MOS_Example_3_20.html (HTML File - Example 3.20: HTML skeleton code fo ceating a two-level horizontal drop menu)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch3/HTML_MOS_Example_3_21.html (HTML File - Example 3.21: Using the display property to make a list display inline)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch3/HTML_MOS_Example_3_22.html (HTML File - Example 3.22: Disappearing an element by using the display property)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch3/HTML_MOS_Example_3_23.html (HTML File - Example 3.23: HTML and CSS coding for inline-block elements)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch3/HTML_MOS_Example_3_24.html (HTML File - Example 3.24: The level-four heading is incorporated into the following paragraph)

Chapter Four: Using HTML

Introduction - The use of HTML in various applications

None

Chapter Five: Building Websites

Introduction - How to build stand alone websites. (Under Construction)

• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch5/HTML_MOS_Example_5_2.html (HTML File - Example 5.2: HTML and CSS coding for breadcrumbs)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch5/HTML_MOS_Example_5_3.html (HTML File - Example 5.3: Creating and assigning action to buttons)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch5/HTML_MOS_Example_5_4.html (HTML File - Example 5.4: Using jQuery to toggle a hidden menu)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch5/HTML_MOS_Example_5_5.html (HTML File - Example 5.5: Toggled content using jQuery)
• HTML File: https://www.justjennihous.com/programming/HTML/HTML_Manual_of_Style/Code/Ch5/HTML_MOS_Example_5_6.html (HTML File - Example 5.6: HTML markup for tabbed content)