Html notes, html learning notes

Source: Internet
Author: User

Html notes, html learning notes

I. HTML features
1: All tags in Html are fixed in advance and can be used directly to get the corresponding effect;
2: The suffix of the HTML file is .htmlor .htm;
3: html code does not need to be compiled and is directly interpreted and run by the browser;
4: Most html tags have the starting and ending tags. tags with special meanings are allowed without element bodies;
Such a label is called an auto-closed label;
5: html tag names are case-insensitive. We recommend that you use lower case letters;

Ii. Fixed HTML Format
<! -- Document declaration -->
<! DOCTYPE html>
<! -- Root tag -->
<Html lang = "en">
<! -- Header -->
<Head>
<! -- Page code -->
<Meta charset = "UTF-8">
<! -- Display the browser title -->
<Title> Document </title>
</Head>
<! -- Subject part -->
<Body>
<! -- Write tag -->
</Body>
</Html>

Iii. Common labels
1.

2. <B> </B>: bold font;
3. <l> </l>: font skew;
4. <br/>: line feed, self-closed;
5. <font> </font>: controls the font size, color, and common attributes. The size value can only be 1-7. The larger the number, the larger the font;
6. <p> </p>: paragraph label;
7. 8. : common attributes include: width; height: height, it can be in pixels or %.
9. <ul> </ul>: unordered list, nested <li> </li> label, <li> </li> label to write content. Optional attribute type, you can set three values: cirle (hollow circle), disc (solid circle), and squre (square );
10. <li> </li>: ordered list with nested <li> </li> labels and <li> </li> labels;
11. <a href = "Jump url path"> </a>: the Optional attribute target controls the Redirect method (create a webpage or open it on its own ); the label must be written into the element body; otherwise, it cannot be displayed.
12. <table>
<Tr>
<Td>

</Td>
</Tr>
</Table>: tr indicates the row and td indicates the column.
13. <frameset> </frameset>: Framework tag, which can be used to split pages. The body tag is not allowed for pages separated by frameset tags. The frameset tag page can only contain frameset or frame tags;
14. <frame> </frame>: contains html page tags. Only html files can be written in the frame tag. Optional attributes:
Name: name of the position of the page in the frameset label. It is used to allow hyperlinks of other locations to pass through;
15. <form action = "#" method = "get"> </form>: action is a required attribute, indicating the address submitted by the form. method is an optional attribute, all parameters of the Get request are displayed in the address bar and the amount of information submitted is limited;
All parameters of the POST request are not displayed in the address bar, which is relatively secure and the submitted information is not controlled. Therefore, the POST method must be used for file upload;

16. the sub-tags in form include <input type = "" name = ""/>: self-closing tag; type includes text (input text)/password (input password, displayed as * Or .) /radio (single choice)/checkbox (check box)/submit (display submit button)/image (upload image button)/file (file upload button)/reset (reset button) /Button (Button ).

17. <input type = "text" name = "submitted name (key)" value = "Default character" maxlength = "control input length (one Chinese character is counted as one character) "/>

18. <textarea name = "when submitting, use" rows = "as the key. You can see the number of lines (the scroll bar is displayed if the number of lines exceeds the limit)" cols = "number of characters per line"> </textarea>

19. <select name = "used as the key">
<Option> downlink list options </option>
</Select>

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.