Home > Developer > Web Develop
HTML page Tag Element summary
Objective
Learn the flask architecture of Python for anyone with a little C, the research of code problem can barely keep up with the pace, but the HTML front-end is circled, complete with a piece of cake. So I'm going to summarize the tags I've been exposed to and the small features I often need (such as drop-down boxes, radio boxes, and so on). This article only from for the website http://www.w3school.com.cn/collection for the convenience of their own future use.
Part I: Common HTML tags
1.1 Basic article
| Label | Description |
| <! Doctype> | Defining Document Types |
| <!--xxx--> | Defining annotations |
| Defining HTML Documents | |
| <title> | Defining the title of a document |
| <body> | Defining Document Themes |
| Define horizontal lines | |
| <br> | Define a simple fold line |
1.2 form article
| Label | Description |
| <form> |
Define an HTML form for user input |
| <label> | Defining annotations for input elements |
| <input> | Defining the input controls |
| <button> | Define Button |
| <select> | Define a selection list (drop-down list), Basic and <option> use |
| <option> | Define options in the selection list |
| <textarea> | Text input controls that define multiple lines |
1.3 Form article
| label | Description |
|---|---|
| <table> | Defining tables |
| <caption> | Defines the table title. |
| <th> | Defines the header cells in the table. |
| <tr> | Defines the rows in the table. |
| <td> | Define the cells in the table. |
| <thead> | Defines the header content in a table. |
| <tbody> | Defines the body content in the table. |
| <tfoot> | Define the table notes (footnotes) in the table. |
1.4 Framework Articles
| Label | Describe |
| <frame> | Define a window or frame for a frameset |
| <frameset> | Defining the framework Set |
| <iframe> | Define an inline frame |
1.5 Other tags
| Image, audio and video class | |
| Defining images | |
| <map> | Defining Image Mappings |
| <audio> | Define sound Content |
| <video> | Define Video |
| Link class | |
| <a> |
Define anchor <a href= ' link address ' >content</a> |
| <link> | Define the relationship between a document and an external resource |
| List class | |
| <ul> | Defining unordered Lists |
| <ol> | Defining an ordered list |
| <li> | Defining list Items |
| Style/Section |
|
| <div> | Defining sections in a document |
| <span> | Defining sections in a document |
| Programming classes | |
| <script> | Defining Client Script |
Part II: Common HTML feature implementations
function 1: drop-down menu
The implementation code is as follows:
<div><label> role: </label><select name= ' role ' id= ' role ' ><option value= ' admin ' > Admin </ Option><option value= "User" > General user </option></select></div> <!--role-->
Features:
650) this.width=650; "src=" Http://s3.51cto.com/wyfs02/M01/8C/1B/wKiom1hiEeLyaWuIAAAiS7ekoUg378.png "title=" Xlk.png "alt=" Wkiom1hieelyawuiaaais7ekoug378.png "/>
function 2: Radio box (mainly for male and female sex selection, lock or not choice, etc.)
Core: Remember to set value for the Radio box
The implementation code is as follows:
<td>status<input type= ' Radio ' name= ' status ' value= ' unlock ' >unlock<input type= ' ' Radio ' name= ' status ' Value= ' Lock ' >lock</td>
Feature Implementation:
650) this.width=650; "src=" Http://s3.51cto.com/wyfs02/M00/8C/18/wKioL1hiEw6TDOusAAAgSLzf8Vg756.png "title=" Dxk.png "alt=" Wkiol1hiew6tdousaaagslzf8vg756.png "/>
This article from "11931192" blog, declined reprint!
HTML page Tag Element summary
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
