Home > Developer > Web Develop
<! The doctype> declaration must be the first line in the HTML document, before the
<! The doctype> declaration is not an HTML tag; it is a directive that instructs the Web browser to write which HTML version of the page to use.
<! DOCTYPE html>
tags inside the label meaning <title></title> Define page Titles <style></style> Defining an internal style sheet <script></script> Define JS code or introduce an external JS file <link/> Introducing external style sheet files <meta/> Define the original page information <meta/> Tags:
Meta Tag Introduction:
Meta tag composition: Meta tags have two attributes, which are the Http-equiv property and the Name property, and different properties have different parameter values, these different parameter values to achieve a different page function.
1.http-equiv property: Equivalent to the file header of HTTP, it can send back some useful information to the browser to help correctly display the content of the Web page, the corresponding property value of Content,content is actually the variable value of each parameter.
<!--2 seconds to jump to the corresponding URL, note the quotation marks--><meta http-equiv= "Refresh" content= "2; Url=https://www.baidu.com "><!--the encoding type of the specified document--><meta http-equiv=" Content-type "Charset=utf8" ><!-- Tell IE to render documents in superlative mode--><meta http-equiv= "x-ua-compatible" content= "Ie=edge" >
2.name properties: Mainly used to describe the Web page, the corresponding property value of content,content content is mainly for the search engine to find information and classification information.
<meta name= "keywords" content= "meta Summary, HTML Meta,meta properties, meta jump" ><meta name= "description" content= "Baidu a bit, you know. You know too much! ">
Basic labels for labels in <body>
<b> Bold </b>
<i> Italic </i>
<u> Underline </u>
<s> Delete </s>
<p> paragraph Labels </p>
<!--line Wrap-
<br>
<!--Horizontal--
div tags are used to define a block-level element and have no practical meaning. It is mainly given a different performance by CSS styles.
The span tag is used to define inline (inline) elements and has no practical meaning. It is mainly given a different performance by CSS styles.
The difference between a block-level element and an in-line element:
The so-called block element is the element that begins to render on another line, and the inline element does not need another line. If you insert these two elements separately in a Web page, you will not have any effect on the page.
These two elements are specifically designed to define a CSS style.
Attention:
About tag nesting: usually block-level elements can contain inline elements or some block-level elements, but inline elements cannot contain block-level elements, which can contain only other inline elements.
P tags cannot contain block-level labels.
IMG Tags A labelHyperlink label
A hyperlink is a link from a Web page to a target, which can be another page, a different location on the same page, a picture, an e-mail address, a file, or even an application.
<a href= "http://www.baidu.com" target= "_blank" > Point me </a>
The href attribute specifies the destination Web page address. The address can have several types:
The target property specifies how the link is to be opened:
1. Unordered list
<ul type= "disc" > <li> First </li> <li> second </li></ul>
Type property:
2. Ordered list
<ol type= "1" start= "2" > <li> First </li> <li> second </li></ol>
Type property:
3. Title List
Form<dl> <dt> title 1</dt> <dd> content 1</dd> <dt> title 2</dt> <dd > Content 1</dd> <dd> content 2</dd></dl>
A table is a two-dimensional data space, a table consists of several rows, a row and a number of cells, cells can contain text, lists, patterns, forms, digital symbols, preset text and other tables and other content.
The most important purpose of the table is to display the table class data. Tabular data refers to data that best fits into a tabular format, which is organized by rows and columns.
The basic structure of the table:
<table> <thead> <tr> <th> serial number </th> <th> name </th> <th> Hobbies </th> </tr> </thead> <tbody> <tr> <td>1 </td> <td> Fu Yong </td> <td> Daze </td> </tr> <tr> <td>2</td> <td> Li want </td> <td> sleep </td> </tr> </ Tbody></table>
Property:
Function:
Forms are used to transfer data to the server, enabling users to interact with the Web server
The form can contain input series labels such as text fields, checkboxes, radio boxes, submit buttons, and so on.
Forms can also contain textarea, select, FieldSet, and label labels.
Form Properties
| Properties | value | meaning |
|---|---|---|
| Action | Url | Specifies a form that processes the destination URL, and the form data is submitted to the handler for that URL address. If the property value is empty, it is committed to the document itself. |
| Method | Get or Post | Method of submitting form data to an HTTP server, default to get |
| Enctype | application/ x-www-form-urlencoded |
Specifies the type of encoding for the form data, which is valid only if the method property is set to post. The default value is Application/x-www-form-urlencode to encode all characters. If the form contains controls for file uploads (input type= "file"), Then this property value must be set to Multipart/form-data, and the character is not encoded. |
| Type property Value | form of expression | corresponding Code |
|---|---|---|
| Text | Single-Line Input text | <input Type=text "/> |
| Password | Password entry box | <input type= "Password"/> |
| CheckBox | check box | <input type= "checkbox" checked= "Checked"/> |
| Radio | Radio Box | <input type= "Radio"/> |
| Submit | Submit button | <input type= "Submit" value= "Submission"/> |
| Reset | Reset button | <input type= "reset" value= "reset"/> |
| button | Normal button | <input type= "button" value= "normal button"/> |
| Hidden | Hide button | <input type= "hidden" value= "Hide button"/> |
| File | Text selection box | <input type= "File"/> |
Type description:
Property Description:
<form action= "" method= "post" > <select name= "City" id= "City" > <option value= "1" > Beijing </ option> <option selected= "selected" value= "2" > Shanghai </option> <option value= "3" > Guangzhou </ option> <option value= "4" > Shenzhen </option> </select></form>
Property Description:
Define the:<label> label to define the callout (tag) for the INPUT element.
Description
TextArea multiple lines of text<form action= "" > <label for= "username" > user name </label> <input type= "text" id= "username" Name= "username" ></form>
<textarea name= "Memo" id= "Memo" cols= "rows=" > default Content </textarea>
Property Description:
HTML tags in a detailed
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
