Chapter 4 - Creating a Simple Page Flashcards
five basic steps of page production
- start with content
- give the document structure
- identify text elements
- add an image
- change how the text looks with a style sheet
rich-text
documents that have hidden style-formatting instructions for making text bold, setting font size, and so on
the five things browsers ignore
multiple-character (white) spaces, line breaks (carriage returns), tabs, unrecognized markup, text in comments
three parts to the anatomy of an HTML element
opening tag, content, closing tag
syntax
the anatomy of an HTML element
tag
consists of an element name within angle brackets
opening tag (start tag)
the element name appears here in brackets
closing tag (end tag)
the element name appears here in brackets preceded by a slash (/)
markup
the tags added around content
element
consists of both the content and its markup
empty element
an element that does not have content
basic document structure
<1DOCTYPE html>
<html>
<head>
<meta></meta>
<title>Title here</title>
</head>
<body>
Page content goes here.
</body>
</html>
six parts to an HTML document
- document type declaration (DOCTYPE declaration)
- html element (root element)
- head element
- body element
- meta element
- title element
document type declaration (DOCTYPE declaration)
tells the browser which HTML specification to use to interpret the document
html element (root element)
contains all the elements in the document, and is not contained within any other element
head element
in the html element - contains elements that pertain to the document that are not rendered as part of the content, such as its title, style sheets, scripts, and metadata; identifies the head of the document that contains information about the document itself
body element
contains everything that we want to show up in a browser window; identifies the body of the document that holds the content
meta element
provide document metadata; provides information about the document
metadata
information about the document such as author, keywords, publishing status, description, and character encoding
character encoding
standardized collection of letters, numbers, and symbols