HTML

Pataasin ang iyong marka sa homework at exams ngayon gamit ang Quizwiz!

Area

<area> defines a clickable area inside an image map

Head

<head> element is a container for meta data. The following tags describe meta data: <title>, <style>, <meta>, <link>, <script>, and <base>

Images

<img src="url" alt="some_text" style="width:width;height:height;">

Ordered List

<ol> tag defines an ordered list - numerical or alphabetical. Use <li> to define list items

Hello World

<script> document.getElementById("demo").innerHTML = "Hello JavaScript!"; </script>

Unordered List

<ul> tag denfines an unordered, bulleted list, use with <li> tag

Styling

Inline (one line element), External (whole website), and Internal (one page)

Buttons

Inside a <button> element you can put content, like text or images. This is the difference between this element and buttons created with the <input> element.

Padding

Inside the border

Elements

An HTML element usually consists of a start tag and end tag, with the content inserted in between: <tagname>Content goes here...</tagname> The HTML element is everything from the start tag to the end tag. • HTML documents are made up of HTML elements • The HTML element is everything from the start tag to the end tag • Some HTML elements do not have an end tag • HTML elements can be nested (elements can contain elements) • HTML elements with no content are called empty elements • HTML tags are not case sensitive

iFrame

• An iFrame is used to display a web page within a web page • The syntax for adding an iframe is <iframe src="URL"></iframe>

Doctype

DOCTYPE declaration for HTML5: <!DOCTYPE html>, XHTML DOCTYPE is mandatory

Visual Rendering of Lists

Definition lists: the DL , DT , and DD elements

Block Elements vs. Inline Elements

Examples of block-level elements: <div> <h1> - <h6> <p> <form> Examples of inline elements: <span> <a> <img>

Inline vs. attributes

Examples of block-level elements: <div> <h1> - <h6> <p> <form> Examples of inline elements: <span> <a> <img>

Input Types

For forms, ie. check box, password, radio, button, color, date, week, url, date etc.

Margins

Outside the border

HTML5

The <!DOCTYPE html> declaration defines this document to be HTML5

Articles

The <article> tag specifies independent, self-contained content. An article should make sense on its own and it should be possible to distribute it independently from the rest of the site. Potential sources for the <article> element: Forum post Blog post News story Comment

Content Aside

The <aside> tag defines some content aside from the content it is placed in. The aside content should be related to the surrounding content. New in HTML5 (ie. a side bar).

Captions

The <caption> tag defines a table caption. The <caption> tag must be inserted immediately after the <table> tag. caption { display: table-caption; text-align: center; }

Script tag

The <script> tag is used to define a client-side script (JavaScript). The <script> element either contains scripting statements, or it points to an external script file through the src attribute. Common uses for JavaScript are image manipulation, form validation, and dynamic changes of content.

Borders

The CSS border properties allow you to specify the style, width, and color of an element's border.

Bold

The HTML <b> element defines bold text, without extra importance

Drawing Graphics

The HTML <canvas> element can be used draw graphics on a web page.

Div

The HTML <div> element can be used as a container for other HTML elements. <div> can be used to style blocks of content

Emphasize

The HTML <em> element defines emphasized text, with extra importance

Forms

The HTML <form> element defines a form that is used to collect user input. <input type="text"> Defines a one-line text input field <input type="radio"> Defines a radio button (for selecting one of many choices) <input type="submit"> Defines a submit button (for submitting the form)

Italics

The HTML <i> element defines italic text, without any extra formatting

Strong

The HTML <strong> element defines strong text, with added "strong" importance

Alt Text

The required alt attribute specifies an alternate text for an image, if the image cannot be displayed. The alt attribute provides alternative information for an image if a user for some reason cannot view it (because of slow connection, an error in the src attribute, or if the user uses a screen reader).

Charset

• ASCII was the first character encoding standard. It defines 127 different alpha numeric characters that can be used on the internet • The <meta> tag specifies the character set used in the HTML page • 4 types of character sets: ASCII, ANSI, ISO-8859-1, and UTF-8

Table Row Span

To make a cell span more than one row, use the rowspan attribute

Drop downs

Use CSS to create a toggleable menu

Map

Use the HTML <map> element to define an image map

Scalable Vector Graphics

Vector based graphics in XML format - 2 dimensional graphics - shapes.

Java script

an object-oriented computer programming language commonly used to create interactive effects within web browsers. Can change HTML attributes by changing the src (source) attribute of an <img> tag, can hide HTML Elements, or show them

Attributes

• Attributes are always specified in the start tag • Attributes provide additional information about an element • Attributes come in name/value pairs like: name="value" • The document language can be declared in the <html> tag • The language is declared in the lang attribute • <html lang="en-US">The first two letters specify the language (en). If there is a dialect, use two more letters (US) • HTML links are defined with the <a> tag. The link address is specified in the href attribute • HTML images are defined with the <img> tag • The filename of the source (src), and the size of the image (width and height) are all provided as attributes • The image size is specified in pixels • The alt attribute specifies an alternative text to be used, when an HTML element cannot be displayed • W3Schools recommends using lowercase attributes and putting attribute values in quotes

Tables

• Tables are defined with the <table> tag • Tables are divided into table rows with the <tr> tag • Table rows are divided into table data with the <td> tag • A table row can also be divided into table headings with the <th> tag • <td> can contain HTML elements like text, images, lists, other tables, etc. • If you do not specify a border for a table, it will be displayed without borders • If you want borders to collapse into one border, add CSS border-collapse • Cell padding specifies the space between the cell content and its borders. If you don't specify a padding, the table cells will be displayed without padding • Table headings are defined with the <th> tag. By default, all major browsers display table headings as bold and centered • Border spacing specifies the space between the cells. Use the CSS border-spacing property • To make a cell span more than one column, use the colspan attribute • To make a cell span more than one row, use the rowspan attribute • To define a special style for a special table, add an id attribute to the table

<noscript>

• The <noscript> tag is used to provide alternate content for users that have disabled scripts in their browser or have a browser that doesn't support client side scripting • The <noscript> element can contain all the elements that you can find inside the <body> element of a normal HTML page • The content inside the <noscript> element will only be displayed if scripts are not supported, or are disabled in the user's browser

Span

• The HTML <span> element is an inline element that can be used as a container for text • Unlike <div> which is formatted with line breaks, the <span> element does not have any automatic formatting • The <span> element can be used to style parts of the text


Kaugnay na mga set ng pag-aaral

Midterm: Public speaking SPC 205

View Set

Domain and Range of 6 Trig Functions

View Set

peds nclex & eaqs 25,26,27,29,31

View Set

HIV/AIDS Education for Health Care Professionals

View Set