Shulou(Shulou.com)06/01 Report--

Today, Xiaobian to share with you the html commonly used tags and attributes what are the relevant knowledge points, detailed content, clear logic, I believe most people still know too much about this knowledge, so share this article for everyone to refer to, I hope you read this article after some harvest, let's learn about it together.

Tags and attributes in HTML

HTML page structure

tag description

Defines the document type.

Define HTML documents.

Defines the title of the document.

Defines the body of the document.

to define HTML titles.

Define paragraphs.

Define simple breaks.

Define horizontal lines.

Define comments.

form

tag description

Defines HTML forms for user input.

Define input controls.

Defines a multiline text input control.

Define buttons.

Define the selection list (drop-down list).

Defines the combination of related options in the selection list.

Defines options in a selection list.

Defines the annotation of the input element.

Defines a border around elements in a form.

Defines the title of the fieldset element.

Define drop-down lists.

Defines the generation key.

Define some type of output.

framework

tag description

A window or frame that defines a frameset.

Define framesets.

Define alternative content for users who do not support frames.

Define inline frames.

image

tag description

Define images.

Define image mapping.

Defines the area inside the image map.

Define graphics.

Defines the title of the figure element.

Defines the grouping of media content, as well as their titles.

link

tag description

Define anchor.

Defines the relationship of documents to external resources.

Define navigation links.

list

tag description

Define an unordered list.

Define ordered lists.

Defines the items of the list.

Disapprove of use. Define directory lists.

Definition Definition list.

Define the items in the definition list.

Defines the description of an item in the definition list.

Define menus/lists of commands.

Defines commands/menu items that users can invoke from pop-up menus.

Define command buttons.

form

tag description

definition table

Define table titles.

Defines the header cells in a table.

Define rows in a table.

Define cells in a table.

Defines the header content in a table.

Defines the body content in a table.

Define the contents of table notes (footnotes) in tables.

Defines attribute values for one or more columns in a table.

Defines groups of columns in a table for formatting.

Style/Section

tag description

Defines style information for a document.

Defines sections in a document.

Defines sections in a document.

Defines the header of a section or page.

Defines the footer of a section or page.

Definition of section.

Define the article.

Define content outside of page content.

Define the details of the element.

Define dialog boxes or windows.

Defines visible titles for elements.

Member information

tag description

Defines information about the document.

Defines meta information about HTML documents.

Defines the default address or destination for all links in the page.

Disapprove of use. Defines the default font, color, or size for the Chinese text of a page.

attribute

Attribute Name English Meaning Value Application Scenario

src SouRCe Resource Location Path to Resource

border number (pixels)

size size size number (pixels)

width width Width number (pixels)

height number (pixels)

bgcolor BackGround COLOR Background color color value: rea or #ffffff

background picture path

list-style list-style sets all properties of a list

list

list-style-image list-style-image Set image to list item Mark None

URL list

list-style-type list-style-type Sets the type of list item tag Disc(solid circle)

Cirle

List of squares

line-height line-height Line Height (Line Spacing) Number (Pixel) Layout Multiline Text

text-align text-align alignment Left, right, center Various element alignments

letter-spacing letter-spacing Character spacing Numbers (pixels) Increase spacing between characters

text-decoration text-decoration Text decoration Underline, none Underline, underline, etc.

margin-top

(right、bottom、left)

Marginal digits (pixels)

padding-top

(right、bottom、left)

Number of padding (pixels)

display Change the default display of block-level elements and inline elements block

inline(block change)

none(this element does not appear on the page)

position position static

relative

absolute(absolute positioning)

fixed for positioning

float float None, left, right

clear clear handle float collapse left

right(clear right float)

both(clear both float)

none(do not clear float)

type type List type Disc(solid circle)

Cirle

Square(filled square) for lists

align Left, right, center

top, middle, bottom Paragraph content horizontal alignment Text vertical alignment with picture

type type Form element type text

checkbox

radio(single choice)

password

file(file)

submit(submit)

reset

button

image(picture button)

hidden

form elements

method method Get method Form data submission

post

alt alter change, replace (prompt message when picture is not displayed)

picture

cellpadding cell padding numeric table

cell spacing cell spacing distance between cells numerical table

href Hypertext REFerence Hypertext Reference (Jump to file location)

rel RERelationship (used to define the relationship between a linked file and an HTML document) StyleSheet link When linking a file

target target_blank(new window opens)

_self(self window open)

_top(displays new pages as a window with the entire browser job)

_parent(opens new page in parent window)

colspan COLumn span Number of cells spanning columns (Number of columns spanning) Table

rowspan row span cell span number (number of rows across) table

readonly read only

value The initial value of the input box

maxlength max length

scroll delay scroll delay

direction direction (scroll direction)

< m arquee

The above is "html commonly used tags and attributes what" all the content of this article, thank you for reading! I believe everyone has a great harvest after reading this article. Xiaobian will update different knowledge for everyone every day. If you want to learn more knowledge, please pay attention to the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.