Docsity
Docsity

Prepare for your exams
Prepare for your exams

Study with the several resources on Docsity


Earn points to download
Earn points to download

Earn points by helping other students or get them with a premium plan


Guidelines and tips
Guidelines and tips

HTML Cheatsheet: Key Concepts, Schemes and Mind Maps of Web Programming and Technologies

This document contains some HTML key concepts, such as Basic Tags, Text Tags, Lists, Graphical elements, Forms, and so on.

Typology: Schemes and Mind Maps

2019/2020

Uploaded on 10/09/2020

christin
christin 🇺🇸

4.6

(18)

264 documents

1 / 2

Toggle sidebar

This page cannot be seen from the preview

Don't miss anything!

bg1
HTML Cheatsheet page 1 of 2
Basic Tags
<html> </html>
Creates an HTML document
<head> </head>
Sets off the title & other info that isn't displayed
<body> </body>
Sets off the visible portion of the document
<title> </title>
Puts name of the document in the title bar; when
bookmarking pages, this is what is bookmarked
Body attributes (only used in email newsletters)
<body bgcolor=?>
Sets background color, using name or hex value
<body text=?>
Sets text color, using name or hex value
<body link=?>
Sets color of links, using name or hex value
<body vlink=?>
Sets color of visited links, using name or hex value
<body alink=?>
Sets color of active links (while mouse-clicking)
Text Tags
<pre> </pre>
Creates preformatted text
<h1> </h1> --> <h6> </h6>
Creates headlines -- H1=largest, H6=smallest
<b> </b>
Creates bold text (should use <strong> instead)
<i> </i>
Creates italicized text (should use <em> instead)
<tt> </tt>
Creates typewriter-style text
<code> </code>
Used to define source code, usually monospace
<cite> </cite>
Creates a citation, usually processed in italics
<address> </address>
Creates address section, usually processed in italics
<em> </em>
Emphasizes a word (usually processed in italics)
<strong> </strong>
Emphasizes a word (usually processed in bold)
<font size=?> </font>
Sets size of font - 1 to 7 (should use CSS instead)
<font color=?> </font>
Sets font color (should use CSS instead)
<font face=?> </font>
Defines the font used (should use CSS instead)
Links
<a href="URL">clickable text</a>
Creates a hyperlink to a Uniform Resource Locator
<a href="mailto:EMAIL_ADDRESS">clickable text</a>
Creates a hyperlink to an email address
<a name="NAME">
Creates a target location within a document
<a href="#NAME">clickable text</a>
Creates a link to that target location
Formatting
<p> </p>
Creates a new paragraph
<br>
AInserts a line break (carriage return)
<blockquote> </blockquote>
Puts content in a quote - indents text from both sides
<div> </div>
Used to format block content with CSS
<span> </span>
Used to format inline content with CSS
Lists
<ul> </ul>
Creates an unordered list
<ol start=?> </ol>
Creates an ordered list (start=xx,
where xx is a counting number)
<li> </li>
Encompasses each list item
<dl> </dl>
Creates a definition list
<dt>
Precedes each defintion term
<dd>
Precedes each defintion
Graphical elements
<hr>
Inserts a horizontal rule
<hr size=?>
Sets size (height) of horizontal rule
<hr width=?>
Sets width of rule (as a % or absolute pixel length)
<hr noshade>
Creates a horizontal rule without a shadow
<img src="URL" />
Adds image; it is a separate file located at the URL
<img src="URL" align=?>
Aligns image left/right/center/bottom/top/middle (use CSS)
<img src="URL" border=?>
Sets size of border surrounding image (use CSS)
<img src="URL" height=?>
Sets height of image, in pixels
<img src="URL" width=?>
Sets width of image, in pixels
<img src="URL" alt=?>
Sets the alternate text for browsers that can't
process images (required by the ADA)
pf2

Partial preview of the text

Download HTML Cheatsheet: Key Concepts and more Schemes and Mind Maps Web Programming and Technologies in PDF only on Docsity!

HTML Cheatsheet

page 1 of 2

Basic Tags Creates an HTML document Sets off the title & other info that isn't displayed

Sets off the visible portion of the document

Puts name of the document in the title bar; when bookmarking pages, this is what is bookmarked

Body attributes (only used in email newsletters)

Sets background color, using name or hex value Sets text color, using name or hex value Sets color of links, using name or hex value Sets color of visited links, using name or hex value Sets color of active links (while mouse-clicking)

Text Tags

 
Creates preformatted text

-->
Creates headlines -- H1=largest, H6=smallest

Creates bold text (should use instead)

Creates italicized text (should use instead) Creates typewriter-style text Used to define source code, usually monospace

Creates a citation, usually processed in italics

Creates address section, usually processed in italics

Emphasizes a word (usually processed in italics)

Emphasizes a word (usually processed in bold) Sets size of font - 1 to 7 (should use CSS instead) Sets font color (should use CSS instead)

Defines the font used (should use CSS instead)

Links clickable text Creates a hyperlink to a Uniform Resource Locator clickable text Creates a hyperlink to an email address Creates a target location within a document clickable text Creates a link to that target location

Formatting

Creates a new paragraph
AInserts a line break (carriage return)
Puts content in a quote - indents text from both sides
Used to format block content with CSS Used to format inline content with CSS

Lists

Creates an unordered list
Creates an ordered list (start=xx, where xx is a counting number)
  • Encompasses each list item
    Creates a definition list
    Precedes each defintion term
    Precedes each defintion

    Graphical elements


    Inserts a horizontal rule
    Sets size (height) of horizontal rule
    Sets width of rule (as a % or absolute pixel length)
    Creates a horizontal rule without a shadow Adds image; it is a separate file located at the URL Aligns image left/right/center/bottom/top/middle (use CSS) Sets size of border surrounding image (use CSS) Sets height of image, in pixels Sets width of image, in pixels ? Sets the alternate text for browsers that can't process images (required by the ADA)

    HTML Cheatsheet

    page 2 of 2

    Forms

    Defines a form

    Creates a scrolling menu. Size sets the number of menu items visible before user needs to scroll. Creates a pulldown menu

    Creates a text box area. Columns set the width; rows set the height. Creates a checkbox.

    Creates a checkbox which is pre-checked.

    Creates a radio button.

    Creates a radio button which is pre-checked. Creates a one-line text area. Size sets length, in characters.

    Creates a submit button. Value sets the text in the submit button.

    Creates a submit button using an image.

    Creates a reset button

    Tables (use only for data layout - use CSS for page layout) Table attributes (only use for email newsletters)

    Creates a table Sets off each row in a table Sets off each cell in a row Sets off the table header (a normal cell with bold, centered text) Sets the width of the border around table cells
    Sets amount of space between table cells
    Sets amount of space between a cell's border and its contents
    Sets width of the table in pixels or as a percentage Sets alignment for cells within the row (left/center/right) Sets vertical alignment for cells within the row (top/middle/bottom)
    Sets alignment for cells (left/center/right)
    Sets vertical alignment for cell (top/middle/bottom) Sets number of rows a cell should span (default=1) Sets number of columns a cell should span Prevents lines within a cell from being broken to fit

    HTML5 input tag attributes

    (not all browsers support; visit http://caniuse.com

    for details)

    Sets a single-line textbox for email addresses

    Sets a single-line textbox for URLs

    Sets a single-line textbox for a number

    Sets a single-line text box for a range of numbers

    Sets a single-line text box with a calendar

    showing the date/month/week/time

    Sets a single-line text box for searching

    Sets a single-line text box for picking a color