HTML and CSS Web page development Basics

An HTML document structure

The HTML document structure:

HTML Common Tags: 1. NewLine markers <br> 2. Paragraph marks <p> </p> 3. Title Tag

5. Text list marked orderly <ol> unordered <ul>

Two- table Mark

1. Table marker <table>: The <table> tag has many properties, such as width setting table, border setting table border, align setting table alignment, bgcolor setting background color.

2. Title Marker <caption>

3. Table Header Markers <th>

4. Table row marker <tr>: Start </tr> End With <tr>, a set of <tr> represents a row in a table. However, <tr> must be nested in the <table> tag for use.

5. Cell tags are also called column markers <td>: A <tr> can nest a number of <td>

Three HTML form tags

1.<form> </form> form Markers

Defines the URL address information for processing the form data program, etc., in the basic syntax format:

<form action= "url" mathod= "Get" | Post "name=" name "onsubmit=" click Submit Trigger Event "target=" _self/_blank/_parent ">

</form>

Important properties of the <form> Tag Action property: Specifies where the form data is submitted to the method property:– Specify how form data is submitted

2.<input> Form input Mark

<input> can evolve into many different elements in a form, depending on the type attribute

Type value:

　　–text (single line Input text box) –submit (Submit button) –password (Password input text box) –radio (radio button) –checkbox (check box) –reset (reset button)-button (normal button)-file (file field)　-hidden (hidden field)-image (image domain) The basic format is:　　<input type="image" disabled="disabled" checked="checked" width="digit" maxlength="digit" readonly= "" size="digit " src= "Uri"  usemap=" Uri " alt="   name= "checkbox"  value= "checkbox" > 3. <select></select>  drop-down list box tag
use <option> add content to the list, the property is, name: Specifies the name of the list box. Size: Specifies the number of options for the list box, which can be viewed by dragging the scroll bar. disable specifies that the current list box is not available. Multiple: Used to enable multi-row list boxes to support multiple selections. 4.<textarea> multiline text marker multiple lines of text can enter more content than a single line. Four. hyperlinks and picture markers 1. Hyperlink tag <a href= "" ></a> href attribute to set which page to link to. 2. Picture marker

HTML and CSS Web page development Basics