Web Design
HTML Fonts
<h1 style="font-family:verdana;">This is a heading</h1> <p style="font-family:courier;">This is a paragraph.</p>
HTML Text Size
<h1 style="font-size:300%;">This is a heading</h1> <p style="font-size:160%;">This is a paragraph.</p>
HTML Text Alignment
<h1 style="text-align:center;">Centered Heading</h1> <p>This is a paragraph.</p>
Iframe Syntax
<iframe src="URL"></iframe>
Input Type: button
<input type="button"> defines a button.
Input Type: checkbox
<input type="checkbox"> defines a checkbox. Checkboxes let a user select ZERO or MORE options of a limited number of choices.
Input Type: password
<input type="password"> defines a password field.
The CSS Box Model
Every HTML element has a box around it, even if you cannot see it. The CSS border property defines a visible border around an HTML element.
HTML Elements
HTML elements are written with a start tag, with an end tag, with the content in between:
HTML Headings
HTML headings are defined with the <h1> to <h6> tags:
HTML Images
HTML images are defined with the <img> tag.
HTML
HTML is a markup language for describing web documents (web pages).
The href Attribute
HTML links are defined with the <a> tag. The link address is specified in the href attribute
HTML Links
HTML links are defined with the <a> tag:
The title Attribute
HTML paragraphs are defined with the <p> tag.
HTML Paragraphs
HTML paragraphs are defined with the <p> tag:
HTML Tags
HTML tags are keywords (tag names) surrounded by angle brackets
Inline Styling (Inline CSS)
Inline styling is used to apply a unique style to a single HTML element.
Internal Styling (Internal CSS)
Internal styling is used to define a style for one HTML page. Internal styling is defined in the <head> section of an HTML page, within a <style> element.
HTML <q> for Short Quotations
The HTML <q> element defines a short quotation. Browsers usually insert quotation marks around the <q> element.
HTML Small Formatting
The HTML <small> element defines small text:
HTML Subscript Formatting
The HTML <sub> element defines subscripted text.
HTML Superscript Formatting
The HTML <sup> element defines superscripted text.
HTML <var> For Variables
The HTML <var> element defines a variable. The variable could be a variable in a mathematical expression or a variable in programming context.
Classing Block Elements
The HTML class attribute makes it possible to define equal styles for "equal" <div> elements.
The alt Attribute
The alt attribute specifies an alternative text to be used, when an HTML element cannot be displayed.
HTML Background Color
The background-color property defines the background color for an HTML element.
Input Type: radio
<input type="radio"> defines a radio button. Radio buttons let a user select ONLY ONE of a limited number of choices.
Input Type: submit
<input type="submit"> defines a button for submitting form input to a form-handler.
Input Type: text
<input type="text"> defines a one-line input field for text input:
HTML Description Lists
A description list is a list of terms, with a description of each term. The <dl> tag defines the description list, the <dt> tag defines the term (name), and the <dd> tag describes each term.
External Styling (External CSS)
An external style sheet is used to define the style for many pages. With an external style sheet, you can change the look of an entire web site by changing one file! To use an external style sheet, add a link to it in the <head> section of the HTML page.
Ordered HTML Lists
An ordered list starts with the <ol> tag. Each list item starts with the <li> tag. The list items will be marked with numbers.
Unordered HTML Lists
An unordered list starts with the <ul> tag. Each list item starts with the <li> tag.
HTML Attributes
Attributes provide additional information about an element
CSS
CSS stands for Cascading Style Sheets
<!DOCTYPE> Declaration
The <!DOCTYPE> declaration helps the browser to display a web page correctly.
The <div> Element
The <div> element is a block-level element that is often used as a container for other HTML elements.
HTML Layout Using <div> Elements
The <div> element is often used as a layout tool, because it can easily be positioned with CSS.
HTML Horizontal Rules
The <hr> tag creates a horizontal line in an HTML page. The hr element can be used to separate content.
The HTML <noscript> Tag
The <noscript> tag is used to provide an alternate content for users that have disabled scripts in their browser or have a browser that doesn't support client-side scripting.
The HTML <script> Tag
The <script> tag is used to define a script (JavaScript).
The <span> Element
The <span> element is an inline element that is often used as a container for some text.
HTML Layout Using Tables
The <table> element was not designed to be a layout tool. The purpose of the <table> element is to display tabular data.
CSS Fonts
The CSS color property defines the text color to be used for the HTML element. The CSS font-family property defines the font to be used for the HTML element. The CSS font-size property defines the text size to be used for the HTML element.
HTML <abbr> for Abbreviations
The HTML <abbr> element defines an abbreviation or an acronym. Marking abbreviations can give useful information to browsers, translation systems and search-engines.
HTML <address> for Contact Information
The HTML <address> element defines contact information (author/owner) of a document or article. The <address> element is usually displayed in italic. Most browsers will add a line break before and after the element.
HTML Bold and Strong Formatting
The HTML <b> element defines bold text, without any extra importance. The HTML <strong> element defines strong text, with added semantic "strong" importance.
HTML <bdo> for Bi-Directional Override
The HTML <bdo> element defines bi-directional override. The <bdo> element is used to override the current text direction.
HTML <blockquote> for Long Quotations
The HTML <blockquote> element defines a quoted section. Browsers usually indent <blockquote> elements.
HTML Line Breaks
The HTML <br> element defines a line break. Use <br> if you want a line break (a new line) without starting a new paragraph.
HTML <cite> for Work Title
The HTML <cite> element defines the title of a work. Browsers usually display <cite> elements in italic.
HTML Deleted Formatting
The HTML <del> element defines deleted (removed) text.
HTML Italic and Emphasized Formatting
The HTML <i> element defines italic text, without any extra importance. The HTML <em> element defines emphasized text, with added semantic importance.
HTML Inserted Formatting
The HTML <ins> element defines inserted (added) text.
HTML <kbd> For Keyboard Input
The HTML <kbd> element defines keyboard input.
HTML Marked Formatting
The HTML <mark> element defines marked or highlighted text:
The HTML <meta> Element
The HTML <meta> element is also meta data. It can be used to define the character set, and other information about the HTML document.
The HTML <pre> Element
The HTML <pre> element defines preformatted text. The text inside a <pre> element is displayed in a fixed-width font (usually Courier), and it preserves both spaces and line breaks.
Web Browsers
The purpose of a web browser (Chrome, IE, Firefox, Safari) is to read HTML documents and display them.