1/37
Looks like no tags are added yet.
Name | Mastery | Learn | Test | Matching | Spaced |
---|
No study sessions yet.
<!DOCTYPE html>
All HTML documents must start with this declaration. The declaration is not an HTML tag. It is an "information" to the browser about what document type to expect.
<html lang=".."> </html>
attribute specifies the language of the element's content.
<!--...-->
The comment tag is used to insert comments in the source code. Comments are not displayed in the browsers.
<head> </head>
this element is a container for metadata (data about data) and is placed between the <html> tag and the <body> tag. HTML metadata is data about the HTML document. Metadata is not displayed on the page. Metadata typically define the document title, character set, styles, scripts, and other meta information.
<title> </title>
element defines the title of the document. The title must be text-only, and it is shown in the browser's title bar or in the page's tab.
<meta charset ="…">
The charset attribute specifies the character encoding for the HTML document. The HTML5 specification encourages web developers to use the UTF-8 character set, which covers almost all of the characters and symbols in the world!
<body> </body>
this tag defines the document's body. this element contains all the contents of an HTML document, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.
<p> </p>
Used to create a block of text. It will have a space above and below it like a paragraph in a paper.
<h1-6> </h1-6>
Used to create the page title and outline important items on your page. the larger the number the smaller the words would be.
<br>
Creates a break on the page. This tag is slightly different from others as it does not have a closing tag.
<blockquote> </blockquote>
Indents a chunk of text on a webpage.
<b> </b>
Bolds text
<i> </i>
Italicize text
<mark> </mark>
Highlights text
<small> </small>
Small font sized – used for legal disclaimers and notices.
<strong> </strong>
Used for important text, displays bold
<ol> <li> </li> </ol>
Ordered Lists: These are lists that display a numbering or letter system.
<ol type="a"> </ol>
ordered list with lower letters.
<ol type="A"> </ol>
ordered list with capitol letters.
<ol type="I"> </ol>
ordered list with roman numerals.
<ol type="1"> </ol>
basic ordered list with numbered points.
<ul> <li> </li> </ul>
Unordered Lists: These are lists that use bullet points.
<dl>
<dt> Cleveland</dt>
<dd> A city in Ohio </dd>
</dl>
Description Lists: Useful for organizing terms and descriptions
The order of the coded tags is very important when coding these lists.
&#…;
how to impute Special Characters, like & or copyright symbol.
"
Quotation Mark = ““
©
Copyright Symbol = ©
&
Amperstand = &
Non-breaking space
—
Long dash = —
|
Vertical Bar = |
Emojis
you can use Special Characters input to input emojis.
<nav> </nav>
a section where Links to other pages go.
<footer> </footer>
tag defines a footer for a document or section. usually contains authorship information, copyright information, or contact information
<div> </div>
A div tag is used for a division or a section in an HTML document. It can be used to format text.
Hyperlinks:
We use hyperlinks to link to another web page, display a file, or add an email address to our web pages.
<a href="website address"> text </a>
Absolute Links: We use this code to link to another external site.
<a href="pagename.html"> text </a>
Relative Links: We use this code to link to pages contained on your site.
<a href="mailto:email@yahoo.com"> Email address here </a>
Email Hyperlinks: We use the following code to create a link that will open the user’s email software when it’s clicked on.