Code 201 Reading Notes

Class 1

Class 1 Instructor’s Repo

<== Home 🏠

Next Lesson ==>

HTML // JSS

HTML MASTER CHEAT

CSS MASTER CHEAT

JAVASCRIPT MASTER CHEAT

HTML

Beginner’s guide to CSS

HTML PDF Cheat Sheet

HTML Chapter 1: “Structure” (pp.12-39)

Content example: The image below represents a document. The words and pictures are content. The red labels indicate the element type of each bit of content. In HTML you use HTML tags to define chunks of content like that;

index.html - is the standard

Used in conjunction with CSS to provide visual formatting. Allows you to create structure of paragraphs and headings.

PROCESS

1.HTML (repository/git site/index.html) 2.CSS to make it look good 3.JavaScript makes the site functional. -tags are used to establish structural components

HTML Chapter 8: “Extra Markup” (p.176-199)

DOCTYPES W3 Schools

• HTML4 Released in 1997
• XHTML 1.0 Released in 200
• HTML5 Released in wor in progress

COMMENTS IN HTML W3 Schools

ID ATTRIBUTE

HTML CLASS ATTRIBUTE

HTML BLOCK AND INLINE ELEMENTS

HTML Chapter 17: “HTML5 Layout” (pp.428-451)

HTML Layout Elements and Techniques W3 SCHOOLS

The HTML head Elements

The < head > element is a container for metadata (data about data) Defines information about the document

The < head > element is placed between the < html > tag and the < body > tag

The < title > element is required and it defines the title of the document Defines the title of a document

The < style > element is used to define style information for a single document Defines style information for a document

The < link > tag is most often used to link to external style sheets Defines the relationship between a document and an external resource

The < meta > element is typically used to specify the character set, page description, keywords, author of the document, and viewport settings Defines metadata about an HTML document

The < script > element is used to define client-side JavaScripts Defines a client-side script

The < base > element specifies the base URL and/or target for all relative URLs in a page Defines a default address or a default target for all links on a page

HTML Chapter 18: “Process & Design” (pp.452-475)

The web design process in 7 steps

Assigned Reading from the Duckett HTML book:

• Introduction (pp.2-11)
• HTML Chapter 1: “Structure” (pp.12-39)
• HTML Chapter 8: “Extra Markup” (p.176-199)
• HTML Chapter 17: “HTML5 Layout” (pp.428-451)
• HTML Chapter 18: “Process & Design” (pp.452-475)

Assigned Reading From the Duckett JS book:

• Introduction
• JS Chapter 1: “The ABC of Programming” (pp.11-52)

<== Home 🏠