Web Design

Ace your homework & exams now with Quizwiz!

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.


Related study sets

Nursing Assistant - EOP Review Questions

View Set

Rad science II - Test 2 - worksheets: 5-4 Magnetism, 5-5 Electromagnetic Effect Electromagnetic Induction, 5-6 Electric Generators and Motors, 5-7 The Transformer

View Set

Classifying Quadrilaterals (Instruction)

View Set

1.A sejtmembrán transzportfolyamatai, aktív és passzív transzport

View Set

Week 1 Prequiz - Growth and Development; Hospitalized Child

View Set