TABLE

When you make chart that be made up column and row, you can use table tag. It include table rows and table data and table title.

The HTML table model allows authors to arrange data — text, preformatted text, images, links, forms, form fields, other tables, etc. — into rows and columns of cells.

Each table may have an associated caption (see the CAPTION element) that provides a short description of the table’s purpose. A longer description may also be provided for the benefit of people using speech or Braille-based user agents.

Table rows may be grouped into a head, foot, and body sections. Row groups convey additional structural information.

  • <table> </table> To make chart

: bgcolour : Define chart’s background colour

Width : Define chart’s width % or px

Border : Define chart outline’s thickness

Cellpadding : Define between cell and cell’s inside’s margin

Cellspacing : Define between cell and cell

Align : If you put in this tag in table, you can define the table’s position but if you put in this tag in <tr> or <td>, you can define document’s position in the cell.

Ex>

table_ex

Follow this example, I make table.

<html>

<head> <title> Hi, wkc! I’m studing about table. </head>

<body>

<table border=1 align=center bgcolor=pink width=400 cellpadding=20>

<caption> Kylie </cption>

<tr> <th> Mirim meister </th>

<th> WKC </th>

<tr height= 50>

<td> <a href=”mirimmeisterschool url> Mirim’s site </a>

<td> <a href=”wkc moodle url> WKC’s site </a> </tr>

<tr align=center height=50>

<td> HI

<td> HELLO </tr>

</table>

</body>

<html>

– Reference :

http://www.w3.org/TR/html401/struct/tables.html

http://www.w3schools.com/html/html_tables.asp

TABLE

FONT

Font tag defines text’s size and colour and face.

Font is a design for a set of characters. A font is the combination of typeface and other qualities, such as size, pitch, and spacing. For example, Times Roman is a typeface that defines the shape of each character. Within Times Roman, however, there are many fonts to choose from — different sizes, italic, bold, and so on.

Text fonts come in two flavors.

One is serif and another is sans serif.

Serif fonts have strokes (the lines that make up the letter forms) that vary a bit in thickness, and have little decorations called serifs at the ends of the strokes. Sans Serif (“Sans” means “without”) fonts do not have serifs, and the strokes are fairly uniform in thickness.

serif-sansserif

HTML code 

Size : <font size=” “> ~ </font>

Colour : <font color=”#000000”> ~ </font>

Face : <font face=”font face”> ~ </font>

– Reference :

http://www.gngcreative.com/newsletters/nl9.html

http://www.webopedia.com/TERM/F/font.html

FONT

COLOUR

When you choice the colours you should care about theses things.

Web colors are colors used in displaying web pages, and the methods for describing and specifying those colors.
Colors may be specified as an RGB triplet or in hexadecimal format.
They may also be specified according to their common English names in some cases.
Often a color tool or other graphics software is used to generate color values.
In some uses, hexadecimal color codes are specified with notation using a leading number sign (#).
A color is specified according to the intensity of its red, green and blue components, each represented by eight bits.
Thus, there are 24 bits used to specify a web color, and 16,777,216 colors that may be so specified.

  1.  colour blindness : They often can’t tell green & red or similar contrast colour.
  2. Web colour : web colours are often shown differently so if you want colours match your choice, use a web safe colours. Theses colours can be shown all computers.
  3. Different culture : UK’s colour’s meaning and Korea’s colour’s meaning are very different so care about this.

websafe_color web safe colours

– Reference :

Personal note

http://en.wikipedia.org/wiki/Web_colors

10407565_616359501819249_1824133945836071712_n

COLOUR

METADATA

Metadata is data (information) about data.

Meta is greek and about useful website search engine & website.

The <meta> tag provides metadata about the HTML document but it will not be displayed on the web page.

Meta elements are typically used to specify page description, keywords, author of the document, last modified, and other metadata.

Metadata is information generated as you use technology, and its use has been the subject of controversy since NSA’s secret surveillance program was revealed.

Data that serves to provide context or additional information about other data. For example, information about the title, subject, author, typeface, enhancements, and size of the data file of a document constitute metadata about that document. It may also describe the conditions under which the data stored in a database was acquired, its accuracy, date, time, method of compilation and processing, etc.

metadata_ex

– Reference : http://www.w3schools.com/

Print

http://www.theguardian.com/technology/interactive/2013/jun/12/what-is-metadata-nsa-surveillance#meta=0000000

http://www.businessdictionary.com/definition/metadata.html

METADATA

HYPERLINKS

hand-cursor-clicking-a-link-249j44u

Hyperlinks is to link each pages and it related of HTTP.

HTTP is abbreviation about “Hyper Text Transfer Protocol”.

In this part,

  • Hyper means How to connect and how to send each other
  • Protocol means How they communication

Don’t forget this, Hyperlink’s form have to write “http://www&#8221;

A hyperlink is a word, phrase, or image that you can click on to jump to a new document or a new section within the current document. Hyperlinks are found in nearly all Web pages, allowing users to click their way from page to page. Text hyperlinks are often blue and underlined, but don’t have to be. When you move the cursor over a hyperlink, whether it is text or an image, the arrow should change to a small hand pointing at the link. When you click it, a new page or place in the current page will open.

– Reference :

Personal note

Hypertext

http://www.techterms.com/definition/hyperlink

1016865_616359418485924_1573835418985446282_n

HYPERLINKS

IMAGES

In the website, images’s resolution is lower than print images because we can’t see different each images and web pages have to light because of different internet situations.

When you export pictures, you have to choice resolution but mind this – ‘If you export lower and lower resolution, pictures well be broken like dots’. 

 

general resolution.

  • Print resolution : 300 dpi
  • Webs resolution : 72 dpi

20141021

Images have different format too.

Think about what you want to express in images and choice format.


JPEG : 72dpi in the website. It is most general format.

PNG : Can express opacity but not supported by all browsers.

GIF : Moving images and usually use in logo.

VECTOR : Be made up mathematics so unbroken

– Reference :

Personal note

10407565_616359501819249_1824133945836071712_n

IMAGES