HTML study notes-HTML Tutorial-php.cn

Home

Web Front-end

HTML Tutorial

HTML study notes

高洛峰

Feb 14, 2017 pm 03:57 PM

html

HTML refers to Hyper Text Markup Language (Hyper Text Markup Language)

XHTML is a more rigorous and purer version of HTML.
XHTML refers to EXtensible HyperText Markup Language.
XHTML is HTML redefined as an XML application.
XHTML is a W3C standard.
You should immediately write HTML code in lowercase letters, and never get into the bad habit of ignoring tags like

.
XHTML elements must be closed. Non-empty tags must use closing tags.

The attribute name must be lowercase
The attribute value must be in quotes
The attribute cannot be abbreviated
Use the Id attribute instead of the name attribute
XHTML DTD defines the mandatory HTML elements

PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1- strict.dtd">

HTML5 is the next generation of HTML.

---------------------------------- ----------------------------------

is also used to quote other people’s text. But it is a reference to a long text, such as introducing a large section of a well-known writer's text into an article, in which case this tag is needed.
The browser parses the

tag in an indented style.
tag, short text quote
Quotation marks
Space

tag, add address information to the web page
Want to add a line of code? Use the tag <code>var i=i+300;

If it is multi-line code, you can use the

tag.

ul-li is a list of information in no order. A sequential information list uses ol

to create the four elements of the table:
table, tbody, tr, th, td
…: when the table content Very often, the table will be downloaded and displayed a little, but if the tag is added, the table will not be displayed until all the table contents are downloaded. Such as the code in the code editor on the right.

caption tag, add a title to the table. The display position of the title: above the table.

The content of the summary will not be displayed in the browser. Its function is to increase the readability (semanticization) of the table, enable search engines to better understand the table content, and also enable screen readers to better help special users read the table content.

Use mailto to link email addresses in web pages
What do you think of this movie review?Sendemail me

replacement text when download fails

Use form tags to interact with users

Text input box, password input box

Text area, supports multi-line text input

Use radio button, check box Check box, allowing the user to select
Note: For radio buttons in the same group, name must have a certain value Be consistent

Use the drop-down list box to save space

Set the selected="selected" attribute, then the option will be selected by default
The drop-down list can also perform multiple selection operations, set the multiple="multiple" attribute in the

The label label in the form
The label label will not present any special effects to the user, its The effect is improved usability for mouse users. This control will be triggered if you click on the text inside the label. That is to say, when the user clicks to select the label, the browser will automatically turn the focus to the form control related to the label (it will automatically select the form control related to the label).

For more HTML study notes and related articles, please pay attention to the PHP Chinese website!

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn