HTML and CSS web page development basics, htmlcss web page

HTML and CSS web page development basics, htmlcss web page

I. HTML document structure

HTML document structure:

Common HTML markup: 1. line feed markup <br> 2. Paragraph markup <p> </p> 3. Title markup

5. The text list is marked orderly <ol> unordered <ul>

Table 2 Mark

1. table tag <table>: <table> tags have many attributes, such as setting the width of a table in width, setting the border of a table in border, align setting the table align, and bgcolor setting the background color.

2. Title tag <caption>

3. Mark the header <th>

4. Table row flag <tr>: Start With <tr> </tr>. A group of <tr> indicates a row in the table. However, <tr> must be nested in the <table> tag.

5. Cell tag, also known as column tag <td>: A <tr> can nest several <td>

Three HTML form tags

1. <form>... </form> form tag

Defines the URL Information of the form data processing program. The basic syntax format is as follows:

<Form action = "url" mathod = "get" | "post" name = "name" onsubmit = "Click Submit trigger event" target = "_ self/_ blank/_ parent ">

</Form>

<Form> marked important attribute action attribute: Specifies the method attribute to which the form data is submitted:-specifies the form data submission method.

2. <input> form input tag

<Input> many different elements in a form depend on the type attribute.

Type value:

-Text (single line Input text box)-submit (submit button)-password (password input text box)-radio (single choice button)-checkbox (check box)-reset (reset button) -button (Common button)-file (file domain)-hidden (hidden domain)-image (image domain) basic format: <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 mark
Use <option> to add content to the list. attribute: name: Specifies the name of the list box. Size: specifies the number of options in the list box. If the number of options exceeds the limit, you can drag the scroll bar to view the options. Disable: the current list box is unavailable. Multiple. 4. <textarea> compared with a single line of text, multiple lines of text can enter more content. 4. Hyperlink and image markup 1. hyperlink markup <a href = ""> </a> href attribute is used to set the page to which the link is. 2. image flag