Home > Developer > Web Develop
# HTML BASIC Syntax
# # # HTML tags
* Single label ' < tag name > content < tag name/> '
* Dual label ' < tag name > ' or ' </tag name > '
* Also called the element
# # Property
* Attribute belongs to label
* A tag can have multiple properties, each with a different meaning
* Attribute values are best written in double quotes
# # # code specification
* Indent tab or 4 spaces
# # comments
' <!--annotation Content--'
# HTML Body Structure label
# # Document Declaration
* ' <!doctype html> '
# # # HTML tags
* '
# # # Head Tag
* ' * Contains tags such as page title, search engine information, etc.
# # BODY Tag
* ' <body></body> '
* Main content of the page
* Properties
* Background
* bgcolor
* Text
* Link Hyperlink default color
* Vlink the color after click
* ALink is clicking on the color
# Head Header Tag
# # Tags
* ' <title></title> ' define title
* ' <meta/> '
* ' <link href= ' ></link> '
# # # meta function
* Define Character Set encoding
* ' <meta charset= ' utf-8 > '
* ' <meta http-equiv= ' Content-type "content=" Text/html;charset=utf-8 ">"
* Refresh or jump
* ' <meta http-equiv= ' "Refresh" content= "3" > "
* ' <meta http-equiv= ' refresh ' content= ' 3;url=http://unclealan.cn ' > '
* Set Keywords
* ' <meta name= ' keywords "content=" each time in English, separate ">"
* Set Page description
* ' <meta name= ' desctiption "content=" 80 Words ">"
# # # define site title icons
* ' <link rel= ' shortcut icon "href=" image address. ico ">"
# Format Layout Labels
# # # NewLine label BR
* ' <br/> '
# # # Separator Line HR
* ' * Semantics: segmentation between paragraphs and paragraphs
* Properties
* Width
* Size
* Align
* NoShade
# # # paragraph label P
* ' <p></p> '
* Semantics: representing paragraphs
* Properties
* Align:left/right/center
# # # Output label pre
* ' <pre></pre> '
* Semantics: Requires the original format output display code
# # # Title Tags HR
* ' * ' * ' * ' * ' * '
# # # Center Label
* ' <center></center> '
* Not recommended for use
# HTML Entities
* ' ' space
* ' < ' <
* ' &GT ' >
* ' " ' "quotation marks
* ' © '? Copyright
* ' ¥ ' ￥
* ' × ' x
* ' ÷ ' ÷
* ' ® '?
# list Label
* UL double unordered list attribute type (disc (default)/square/circle)
* Li Double List Item property type value Ibid.
* OL double ordered list attribute reversed (Descending) type (1/a/a/i) Start (value number)
* DL Dual Definition List
* The title of the DT dual list item
* DD Dual List Item description
# text label (dual)
* Em Accent is italic
* Strong emphasizes the performance of bold
* cite citation, movie name from the title
* DFN Definition Project
* KBD Keyboard keys
* abbr definition abbreviation mate title
* bdo with DIR attribute (LTR, RTL) changes the direction of writing
* Code Definition Codes
* VAR definition variable
* Del has deleted the strikethrough
* INS Current underline
* SUP Superscript text
* Sub Subscript text
* Q Reference Short
* BLOCKQUOTE Reference length
* Address definition addresses
* B Bold Emphasis
* I italic science professional terminology
* U underline defines text that differs from other text styles
# hyperlinks
# # URL
* Uniform Resource Locator
* Every file on the World Wide Web has a URL
# # # a tag
* HREF value URL
* Target new page from which window opens _self/_blank
* Title hint
* Download Download H5 self-increment
# # # Path
* Relative path./. /
* Absolute Path
# # # Anchor Point
* ' <a name= ' name of anchor ' ></a> '
* Use Hyperlink ' # ' to jump to the specified anchor point
# image
# # # IMG Tag Properties
* SRC
* Alt the text displayed when the picture cannot be displayed
* Title
* Border Value number
* Width picture
* Height picture altitude
* Usemap
# # # Common picture formats
* Jpg/jpeg
* gif
* png
# # # pictures Hot picture map
* Map Id/name
* Area shape (Circle rect poly) href title target ...
# table
# # # Table Label
* Border
* Width
* Height
* CellSpacing the gap between cells default 2
* CellPadding the gap between cell and cell contents default 0
* Align
* bgcolor
* Background
# # TR label indicates a row
* Align horizontal alignment of text in line Left/center/right
* valign Vertical alignment of text in line Top/middle/bottom
* Height Row heights
* bgcolor
# # TD label indicates cell
* Align
* valign
* Width
* Height
# # # th Label table header
Properties with TD
# # # Thead Tags
# # # Tbody Tags
# # # TFOOT Tags
# # # caption Label definition table Title # #
# # Colgroup/col
# Forms
# # # Form Label
* Action
* Method Value Get/post default get
* Target
* Enctype
# # Input Label list
* Name Property
* Type Property
* Text default textbox
* Password Password box
* Radio Radio Box
* CheckBox check box
* File Upload
* Submit button
* Reset button
* Button Normal buttons
* Image does not recommend the image as a submit button
* Hidden hidden fields
* Value Property default value type value different Vlaue meaning not the same
* Size Property Control input box width applies to Text/password
* MaxLength attribute maximum number of input characters applicable and Text/password
* The Checked property is checked by default for Radio/checkbox
* ReadOnly Read only for Text/password
* Disabled indicates not available
# # BUTTON Element
* Type Property
* Submit (default)
* Reset
* button
# # # Select Label
* Name
* Size
* Multiple Set multiple selection
* disabed
# # option Tag
* Value
* Disabled
* Selected default options
# # # Optgroup Group option under Select
# # # TEXTAREA Text field
* Name
* Disabled
* Rows Height
* cols Width
* ReadOnly
# # Label
* ID of the For form control
# # # FieldSet outer frame of form
# # # Legend Title
# # # Frame Sub-frame
* iframe
# # # HTML Global Properties
* Title
* ID
* Class
* Dir
* Style
07.31
# H5 New Tags
# # # Structure label (dual)
* Header craniofacial Header section header
* Footer Footer
* NAV Navigation
* Aside Sidebar
* Main body Content
* Section subsection
* Article Articles
* Details Property Open
* Summary
* Dialog dialog Box Properties open
# # Text Label
* Mark Mark
* Time
* Meter measurement temperature/power/capacity
* Attribute Max/min/value/low/high/optimum
* How much progress progress has been achieved
* Attribute Max/value
* WBR Word inside line
* Ruby Pinyin
* RT Pinyin
# # Images
* Figure independent document flow such as article illustration
* Title of Figcaption figure
* Canvas Canvases
# # # List label compatibility poor
* Menu
* MenuItem
* Command
# # # Multimedia Tags
* Video
* SRC
* Width
* Height
* Controls
* AutoPlay
* Muted
* Loop
* Poster
* Preload
* Audio
* SRC
* Controls
* AutoPlay
* Loop
* Muted
* Preload
* Source Single
* SRC
* Type Specifies the MIME type of the audio and video
# MIME Class
# # # Pictures
*. jpg image/jpeg
* JPEG Image/jpeg
*. gif image/gif
*. png image/png
# # # Text class
*. html text/html
*. CSS Text/css
# # executable File
. exe application/
# # # Form
* keygen
* DataList
* Output outputs
# H5 Smart Form
# # # Input New Type value
* Email
* URL
* Number
* Range
* Tel
* Search
* Color
* Date
* Month
* Week
* Time
* Datetime-lcoal
# # # New properties for form elements
* AutoComplete Value Off/on
* Novalidate not validated
# # # New properties for form controls
* Pattern Input/textarea
* Placeholder Input/textarea
* Autofocus
* AutoComplete off/of
* Required
# # Submit Button New properties
* FormAction
* FormMethod
* Formtarget
* Formectype
* Formautocomplte
* Formnovalidate
# H5 New Global Properties
* Contenteditalbe is editable True/false
* ContextMenu
* SpellCheck whether grammar check True/false
* Draggable whether to drag True/false
* Dropzome
* Translate translation yes/no
* Hidden hidden value not required
* data-*
# Conditional comments
# # Basic Operators
* LT is less than
* GT greater than
* LTE is less than or equal to
* GTE greater than or equal to
* ！ Not equal to
# # # Usage
<!--[if operator IE version]>
<! [endif]-->
# Compatibility principles
* Graceful Downgrade
* Progressive Enhancement
Random HTML collation
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
