HTML common attributes-HTML Tutorial-php.cn

HTML common attributes

高洛峰

Release： 2017-02-27 15:04:31

Original

1210 people have browsed it

-htmlConcept:hyper Text Markup Language (Hypertext Markup Language)

HtmlTag classification: 1 Double tag 2 Single tag

HtmlBetween tags Relationship: 1 Nested relationship2 Parallel relationship

HtmlSingle mark:

#Horizontal mark

Line break mark

Comment mark–Comment text--> ctrl+/

HtmlDouble tag##-

Title tag

n Value1-6-

Paragraph mark

Text formatting tag

Control the web page text color, size, and font.

and

Bold text

and

Text italics

and

Text underline

With

Text strikethrough

SuperscriptimageURL”

alt=”Image cannot Replacement text when displayed" title="Content displayed when the mouse is hovered" width/height="XX" / > _self / _blank”> Text or image

This is an empty link

Anchor point:Definition

md”> Link text

Note that it needs to be in English; the ending will take effect

Special characters## Greater than number>##&##￥ ##Registered Trademark×；&pide;##²square)

: used to define the head of the table, must be located The

Description

Character code

Space character

Less than number

##<

##>

和

##RMB

##&　

##Copyright

##®

##°

℃

##°

positive and negative sign

± ；

##×

## multiply sign

#÷

Division sign

(superscript

##²

³##cubic

（Superscript

）

The list (list) is divided into:

Unordered listUL

Ordered listol

Customized list dl

Unordered listul：
##

List item1

list-style:none
；Cancel list styledisc/square/circle/
Picture below

Ordered listol
< ol type = 1/ a / A / i / I / start=” 2 / b / B / ii / II / ”>
< li >

Custom listdl

123

weqwe

qweq

Meta Tag introduction There are two types of
Meta
attributes: name and http-equiv .
> Used to describe the generation tool

Describe your web page keywords to search engines

Tell the search engine Engine the main content of this site

Tell the name of its producer

is set to all: the file will be retrieved, And the links on the page can be queried;

Set to none: the file will not be retrieved, and the links on the page cannot be queried;

Set to index: the file will be retrieved;

Set to follow: the page The links on the page can be queried;

Set to noindex: The file will not be retrieved, but the links on the page can be queried;

Set to nofollow: The file will not be retrieved, but the links on the page can be queried

##http-equiv

. Attribute##

Describe the web page Attribute

Encoding

Web page jump

link

Tag

1: is used to reference external

css2: Used to quote the

title picture (icon) “icon” href = “ 1.icon ”>Charset

charset

utf-8 is currently the most commonly used character set encoding method. Commonly used character set encoding methods include gbk and gb2312

gb2312 Simple Chinese

GBKContains all Chinese characters Traditional

BIG5 Traditional Chinese

UTF-8 contains the characters that all countries in the world need to use

HTML 常用属性

Table table

The simplest table

##< tr >

**Name of the table**
Bold and centered	Normal

< table border = “0” > border

< table cellspacing = “0” >

The distance between cells

< table cellpadding = “0” >

The distance between text and cells

< table width= “0” > width

< table height= “0” >

Height

< table align= “ lift / right / center ” >

Alignment

< table bgcolor= “white/ red/...” >

Background color

The structure of the table

When using the table for layout, the table can be divided into headers Head, body and footer, the details

are as follows:

tag generally contains header information such as the logo and navigation of the web page.

: used to define the footer of the table, located at

After the tag tag, the company information at the bottom of the web page is generally included.

: used to define the body of the table, located in the

tag After the tag, it generally contains other content in the web page except the header and bottom. Colspan

Merge the same row

rowspan Merge the same column

Form form Form control: Contains specific form function items, such as single-line text input box, password input box, check box, submit button, reset button, etc.

Prompt information: A form usually also needs to contain some explanatory text to prompt users to fill in and operate.

Form field: It is equivalent to a container to accommodate all form controls and prompt information. It can be used to define the

url

address of the program used to process table single data, and Method for submitting data to the server. If the form fields are not defined, the data in the form cannot be transmitted to the backend server.

...

Name : Define the name of the form

Method : The default transmission method is get

Action : Specify the location of the form handler (server-side script handler)

Fieldset ：Group the form

Legend ：Group name

InputControl

< Input type = “Control type”>

Text input box###File upload control ##Normal button value

Control syntax	Meaning

Password input box
Radio button	##
Complex Selection box (multiple selection box)	#

Set display text	Textarea Control ##textareaThe control can easily create multi-line text input boxes " > Text prompt Select Control Used to create a drop-down menu *< /font> Password Code: Male 女 For more articles related to common HTML attributes, please pay attention to the PHP Chinese website!