LESSON 2 Flashcards
HTML stands for
Hypertext Markup Language
It is a standard markup language used to
structure and format content such as text,
images, videos, and links
Hypertext Markup Language (HTML)
_ refers to a word, phrase, or chunk of text that is linked to another document or text.
Hypertext
A _is a computer language
that uses tags to define elements within a
document.
Markup language
The _declaration defines that this document is an HTML5 document.
<!DOCTYPE html>
The _ element is the root element of an HTML page.
<html>
</html>
The _element contains meta information about the document, such as its
title.
<head>
</head>
The _element contains the visible page content.
<body>
</body>
The _ element defines a heading, while the _ element defines a paragraph.
<h1>
<p>
</p></h1>
An HTML _ is a component of an HTML document that tells a web browser how to structure and interpret a part of the HTML document.
It has a start tag, with or without content, and an end tag.
It is an object within your web page. It can be a paragraph, heading, or image.
ELEMENT
These are keywords within a web page that define how the browser must format
and display the content.
_ are surrounded by angle brackets ( < > ). The first _ in a pair is the start
_, the second is the end _
TAG
HTML attributes provide additional information about HTML elements.
Attributes provide further instructions to the browser on how to handle the content
contained within the element. In defining an attribute for an element,
you must also assign it a value. It is always placed in the opening tag of
an element.
ATTRIBUTE
_ in programming are textual annotations inserted into a program’s
source code that are ignored by the compiler or interpreter.
_ are used to provide explanations, documentation, or notes about the whole or parts of the code
HTML COMMENT
COMMON WEBSITE LAYOUT
<header>
<nav>
<section>
<article>
<aside>
<footer>
</footer></aside></article></section></nav></header>
Defines a header for a
document or a section
<header>
</header>
Defines a set of navigation links
<nav>
</nav>
Defines a section in a
document
<section>
</section>
Defines an independent, selfcontained content
<article>
</article>
Defines content aside from the
content (like a sidebar)
<aside>
</aside>
Defines a footer for a document or a section
<footer>
</footer>
TYPOGRAPHY ELEMENTS
HEADINGS <h1>,<h2>,<h3>, …
PARAGRAPH <p>
PREFORMATTED TEXT <pre>
BOLD/STRONG TEXT <b>
,<strong>
UNDERLINED TEXT, INSERTED TEXT <u>
,<ins>
ITALICIZED TEXT, EMPHASIZED TEXT <i>
,<em>
SMALLER TEXT, BIGGER TEXT <small>,<big>
Text with background <mark>
SUBSCRIPT/SUPERSCRIPT ,
STRIKETHROUGH TEXT <del></del></mark></big></small></em></i></ins></u></strong></b>
TYPES OF LIST
unordered list
ordered list
description list
UNORDERED LIST
DISC
CIRCLE
SQUARE
NONE
Sets the list item marker to a bullet (default)
DISC
38
Defines a row in a table
39
Defines a cell in a table
|
40
Specifies a group of one or more columns in a table for formatting
41
Specifies column properties for each column within a
42
element
43
Groups the header content in a table
44
Groups the body content in a table
45
Groups the footer content in a table
46
By default, the document opens in the same window/tab as it was clicked.
If you want it to open in another tab, specify the target as _blank.
You can also create bookmarks in an HTML document using id attribute.
LINKS
47
In creating _ in HTML, it is common to use list element then just
add links to it
NAVIGATION
|
---|