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

(15)

20 documents

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 <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)
Docsity logo



Copyright © 2024 Ladybird Srl - Via Leonardo da Vinci 16, 10126, Torino, Italy - VAT 10816460017 - All rights reserved