Basic Tags for Building Mortised Sites

Out of more than 110 XHTML tags. a designer only need to know a small number of them to build mortised sites with basic form functionality. Rather than spending time learning more tags, the designer can spend time logically and creatively manipulating this limited number of tags with CSS, rather than hundreds of lines of code. Included in table below is a list of popular tags, along with some of their possible attributes and uses.

Basic Tags for Building Mortised Sites

<html>
Standard tag used in all pages, except include files. Closed at end of page with </html>.

<head>
Standard tag used in all pages, except include files. Closed at the end of the header information  with </head>.

<title>
Standard tag used in all pages, except include files. Closed with </title>.

<meta name=" " content=" ">
Standard tag used on pages. This tag provide information, determined by the designer,  to be indexed by search engines. It is usually placed between the <head> and </head> tags.

<body>
Standard tag used in all pages. All content seen by the user falls within this tag set. Closed at the end of the page with </body>.

<p>, <br />
Essential for breaking lines in page layout. The <p> tag also can be used when applying a style to a block of text and/or images. The <p> tag is closed with </p>, and the <br /> is simply closed within itself.  

<table>
Essential tag for building tables. Closed at the end of the table with </table>

<tr>
Essential tag for building table rows. Closed with </tr>.

<td>
Essential tag for creating table cells. Closed with a </td>.

<img src=" " width=" " height=" " alt=" " border=" " name=" " />
Essential for adding images to a page. The forward slash (/) is included in the tag so that it closes itself.

<a href=" " class=" " target=" " />
Essential for linking to pages, documents, and images. Closed with </a>.

<div class=" " style=" ">
Used with CSS usually to control font size and color, images, multiple block-level elements, and content positioning. Closed with </div>.
<span class=" " style =" "> 
Used to add styles to content. Closed with </span>.

<strong>
Used to bold text when it is not controlled using a style that is associated with text.
Closed with </strong>.

<!— comment —> 
Used to comment code. Used for all comments—single and multiple lines.

<form id=" " name=" " action=" " method=" ">
Used to create forms in XHMTL. Closed with </form>.

<input type=" " id=" " name=" " value=" " /> 
Input is used to create form fields, such as “text,” “radio,” and “checkbox.” The tag closes itself with a forward slash (/).

<label for=" " id=" ">
Used for positioning elements with fields in a form.

<textarea> 
Used for large text input entries. Closed with </textarea>.

<select id=" " name=" " multiple="multiple">
Used for dropdown form elements. Closed with </select>.

<option selected="selected" value=" " label=" "> 
Used to delineate individual items in a dropdown form field. Closed with </option>.

No comments:

Post a Comment