HTML Beginner's Guide (9)

Source: Internet
Author: User
Tags format define definition contains end header mail table definition
Beginner
Indicate a link to the QuickTime movie. Some common file types and their extensions are:

File type name extension
Plain text plain text. txt
HTML document. html
GIF image. gif
TIFF image. TIFF
X bitmap image. XBM
JPEG image. jpg or. jpeg
PostScript file. ps
AIFF sound files. AIFF
Au sound file. au
WAV sound files. wav
QuickTime movie. mov
MPEG movies. mpeg OR. mpg

Remember your hypothetical readers and the software they use. For example, most UNIX workstations cannot play QuickTime movies.

Table tables
Before HTML has a table tag, HTML authors have to carefully arrange their tabular information in <PRE> tags, calculate the number of spaces, and preview the output. Tables are not only useful for describing tabular information, but for regular HTML authors, it allows them to easily complete a large number of WEB pages. (See NCSA relativity Group ' s pages, a good example.)

Consider your tabular information according to the code below. A table must have a table header that describes what each row/column contains, row rows represents information, and unit cells represents each item. In the table below, the first column contains header information, each row describes an HTML table tag, each cell contains a pair of tags or an explanation of the function of the tag.

Table elements
Element description
<TABLE> </TABLE> define a table. If you use the BORDER property, the browser displays a table with a border.
<CAPTION> </CAPTION> Define the CAPTION of the table headings. The default position of the caption is at the top of the table. Property Align=bottom can be used to specify that the caption appears at the bottom of the table
Note: Any other tags can be used within the caption tag.
A row in the <TR>. </TR> Description table. You can define the default attributes for the entire row: ALIGN (left, CENTER, right) and/or valign (top, middle, BOTTOM). The details refer to the "Table Properties" section at the end of this table.
<TH> </TH> defines a table header unit. Default state the text of the cell is centered in bold. The unit can contain other properties, which describe the cell properties and/or cell contents. See the "Table Properties" section at the bottom of this table for details.
<TD> </TD> defines a table data unit. By default, the text within the cell is horizontally aligned to the left and centered vertically. The unit can contain other properties, which describe the cell properties and/or cell contents. See the "Table Properties" section at the bottom of this table for details.
Table Properties
Note: The properties defined in the <TH> </TH> or <TD>. </TD> Unit will overwrite the default definition in the (override) <TR> ... </TR>.
Attribute description
ALIGN (left, CENTER, right)
valign (top, middle, BOTTOM)
Colspan=n
Rowspan=n
NOWRAP
The horizontal placement of a unit.
The vertical position of a cell is assigned.
How many columns (n) a unit spans.
How many rows (n) a unit spans.
Closes the word wrapping in a cell.


Common table Format
The common format for a table is:

<TABLE> <== the beginning of the table definition
<CAPTION> CAPTION content </CAPTION> <== CAPTION definition

<TR> <== The beginning of the first line definition
<TH> cell contents </TH> <== The first unit of the first line (a header head)
<TH> Unit content </TH> <== the last unit of the first line (a header head)
</TR> <== the end of the first line definition
<TR> <== The beginning of the second line definition
<TD> Contents </TD> <== The first cell of the second line
....
<TD> contents </TD> <== The last unit of the second line
</TR> <== The end of the second line definition
<TR> <== The beginning of the last line definition
<TD> cell content </TD> <== The last line of the first unit
...
<TD> Unit content </TD> <== last row final unit
</TR> <== last line definition end
</TABLE> <== table Definition ends
The <TABLE> and </TABLE> tags must enclose the entire table. The first item in the table is CAPTION, which is an optional part. You can then define any number of lines using the <TR> and </TR> tags. You can also use any number of cells defined by <TD>...</TD> or <TH>...</TH> tags within a single line. Each row in the table is essentially formatted independently of its upper and lower rows. This allows you to easily display a table with just one cell, such as a table property, that spans more than one column in a table.

Table with non-tabular information
Some HTML authors use tables to describe information that is not tabular. For example, because a link can be contained in a table cell, some authors use a table without boundaries to combine some detached images to create a "one" image. Browsers that can display a table can display these actual detached images without a gap, making the synthesized image resemble an image map (an image with a rectangular hyperlink region).

Using a table with an image boundary can also be a good display. Try it and see what style you like.

Fill Form (Fill-out Forms)


The processing of such input data is usually done by describing the function in script (Descriptive language: translator) or by using Perl or other programs written in the language of text, files, and information. If you can't write a program or script function that can handle input data, you'll have to find someone else to do it for you.

The Form itself is relatively simple. They are also generated using HTML markup. What may be different is to accept and process the program or script descriptor function that submits the data. The fill forms are not discussed in this guide because you need to specify a script description function that handles input information.



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.