HTML Fundamentals Flashcards
Blank is Text that contains connections to other documents.
Hypertext
Blank is Part of a document that explains how to interpret or structure other parts of the document.
Markup
Blank is A set of rules describing how to write HTML.
Language
HTML defines over blank elements.
130
An blank is a single HTML structure
element
Elements are represented with blank.
HTML tags
An blank is a markup instruction identified by <, the tag name, and >.
HTML tag
An blank indicates the starting point in the document where the tag takes effect.
opening tag
A blank indicates the ending point in the document where the tag stops having an effect.
closing tag
The blank, produced by WHATWG, defines the minimal parts of an HTML document
HTML Living Standard
The blank declaration instructs the web browser about what type of document follows
<!DOCTYPE html>
The blank and blank enclose everything but the <!DOCTYPE html> declaration. <html lang="en"> indicates that the document’s language is English.
<html> opening and closing tags
</html>
The blank and blank contain the document title, document metadata, and various other elements that are typically not displayed in the webpage.
<head> opening and closing tags
</head>
The blank tag specifies metadata, which is data that describes the document’s data. <meta></meta> describes how characters are represented in the HTML document. Additional <meta></meta> tags may be used to indicate when the document was saved, who the author is, etc.
<meta></meta>
The blank and blank enclose the name of the document. The title is usually displayed in the browser’s titlebar, is used by search engines, and is used for bookmarking.
<title> opening and closing tags
</title>
The blank and blank enclose all elements and content to be rendered in the browser.
<body> opening and closing tags
</body>
A blank provides additional information about the tag and is included only in the opening tag.
tag attribute
An attribute has a blank and a blank, specified using the form: name=”value”. Ex: <meta></meta> has an attribute named charset with value “UTF-8”.
name and a value
The <meta></meta> element does not use a closing tag because <meta></meta> is a blank
void element.
A blank is an element that only needs an opening tag. Other void elements include <img></img> for displaying an image and <input></input> for obtaining user input.
void element
Omitting the DOCTYPE from an HTML document or placing any characters before the DOCTYPE causes the web browser to render the document in blank mode
quirks
Blank mode is a browser rendering mode that renders a webpage using non-standard layout rules emulating older web browsers.
Quirks
A webpage with the DOCTYPE is rendered using blank mode, which uses the HTML Living Standard.
standards
The blank tag is optional but is included anyway in most webpages.
<head>
</head>
Instruction to web browser that specifies the document type.
the <!DOCTYPE html> declaration.
Tag that marks the beginning of the HTML document.
The <html> tag
Tag that specifies the character encoding used in the document.
The <meta></meta>
Tag that names the document.
The <title> element</title>
HTML content displayed by the browser.
The <body> tags
Tag that marks the end of the HTML document.
The </html> closing tag
In Chrome, right-clicking (Windows) or Ctrl-clicking (Mac) and choosing blank from the menu shows the webpage’s HTML. A quicker method is to use the keyboard shortcut Ctrl+U (Windows) or ⌘+Option+U (Mac). Most webpages use complex HTML with CSS and JavaScript, so the HTML can be hard to read.
“View page source”
A user on a desktop/laptop computer can instruct a browser to show a blank. A web search for “View webpage HTML in Chrome” (or another browser) yields instructions
webpage’s HTML
A user can also use a browser’s blank to view a webpage’s HTML elements.
development tools
Chrome blank is a collection of web development tools that are built into the desktop Chrome browser. Pressing Ctrl+Shift+I (Windows) or ⌘+Option+I (Mac) opens Chrome DevTools. Other desktop browsers have similar development tools.
DevTools
The browser’s internal representation and the webpage’s actual HTML may blank.
differ slightly
A blank feature is part of a language that is officially discouraged because newer or better features exist, or because the blank feature is no longer considered safe. Ex: The <center> tag is an officially blank tag that should no longer be used.</center>
deprecated
Browsers handle improperly structured HTML and deprecated tags differently and unpredictably. The only way to have predictable browser behavior is to blank.
use valid HTML
An blank checks that an HTML document conforms to the standard. Good practice is to use tools like the W3C Markup Validator to check document conformance.
HTML validator
A blank is the basic unit of text in an HTML document.
paragraph
A paragraph is enclosed in HTML by the blank opening and closing tags. Browsers visually separate paragraphs from other text with spacing above and below.
<p>
</p>
A common error is forgetting the closing </p> tag, or trying to put a paragraph inside of another paragraph. The web browser might render nested <p> tags visually correct, but an HTML validator will generate a blank.
non-visible error
A blank character is an unprinted character such as the spaces between words and lines of text. Browsers treat all sequences of blank as a single space between non-blankcharacters.
whitespace
The <br></br> tag creates a blank in a paragraph, such that the content after the blank appears on a new line. Good practice is to use <br></br> when the line break is essential to the content, such as lines in a poem or mailing address, and not just to add spacing for formatting a webpage
line break
The <br></br> tag is a void element, an HTML tag that does not have a blank
closing tag.
A blank is a collection of related content.
section
Many documents can be organized into sections, with each section being wrapped in a blank tag.
<section>
</section>
A blank provides a title for each section.
heading
Blank are bold by default and are visually separated from the other text by extra spacing.
Headings
Heading tags exist for the first blank levels of sections
six
Good practice is to label each section with a heading and to select a heading tag that matches the blank. A common error is to choose a heading tag based on the desired font size.
document’s hierarchical structure
blank tags should appear outside of and immediately before paragraph tags.
Heading
A blank tag should contain a heading tag, but a heading should only have text in between the opening and closing tags.
<section>
</section>
The blank tag indicates emphasized text, such as text having an emphasized pronunciation when spoken, and is italicized by default.
<em></em>
The blank tag indicates text that has strong importance, and is bolded by default.
<strong></strong>
The blank tag denotes a title, such as a book or song title, and is italicized by default.
<cite></cite>
The blank tag denotes important content that should be semantically highlighted and is rendered with a yellow background by default.
<mark></mark>
The blank tag indicates text that needs attention, like key words in a document abstract or product names in a review, and renders the text in bold
<b></b>
The blank tag indicates text in an alternative voice, such as a word or phrase in a foreign language, and is rendered using italics
<i></i>