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

In this article, the editor introduces in detail "how to master the basic grammar of HTML language". The content is detailed, the steps are clear, and the details are handled properly. I hope that this article "how to master the basic grammar of HTML language" can help you solve your doubts.

Basic preparation

I used the Hbuilder editor to create a HTML file in hbuilder.

Run the HTML file in hbuilder

Effect.

HTML document structure is used to annotate code HTML common tags

Base label

Outermost element of html

The header of the head page

The title of the title page

Body web page content

Text formatting

I/em italics

Strong thickening

Q reference

Blockquote long reference

Code element definition programming code example

Wuhan, come on! Hubei, come on! Wuhan, come on! HX is the perfect combination of lightweight editor and powerful IDE. Agile performance, refreshing interface, powerful functions and all in one. HX is the perfect combination of lightweight editor and powerful IDE. Agile performance, refreshing interface, powerful functions and all in one. Var a = 1

Experimental effect

Title paragraph

H2-h7 indicates that the larger the title number, the smaller the font.

P paragraph label

Hr horizontal split line

Br line feeds

Use headings and paragraphs to refuel Wuhan! Wuhan, come on! Wuhan, come on! Wuhan, come on! Wuhan, come on! Wuhan, come on!

Wuhan, come on! Wuhan, come on! Wuhan, come on! Wuhan, come on! Wuhan, come on! Wuhan, come on! Wuhan, come on! Wuhan, come on! Wuhan, come on!

Wuhan, come on! Wuhan, come on! Wuhan, come on! Wuhan, come on! Wuhan, come on! Wuhan, come on! Wuhan, come on! Wuhan, come on! Wuhan, come on!

Wuhan, come on! Wuhan, come on! Wuhan, come on! Wuhan, come on!

Wuhan, come on! Wuhan, come on! Wuhan, come on!

Block element

Div box

The function of span is similar to that of div. Span can be used to hold a small piece of text. The difference between div and div is that it is displayed on one line.

03 Wuhan, come on! Wuhan, come on! Wuhan, come on! Wuhan, come on! Wuhan, come on! Wuhan, come on! Wuhan, come on! Wuhan, come on! Wuhan, come on! Wuhan, come on! Wuhan, come on! Wuhan, come on! Wuhan, come on! Wuhan, come on! Wuhan, come on! Wuhan, come on! Wuhan, come on! Wuhan, come on! Wuhan, come on! Wuhan, come on! Wuhan, come on! Wuhan, come on! Wuhan, come on! Wuhan, come on! Wuhan, come on!

Final effect

Picture

Img

The img tag must have a src attribute to display the image.

Alt attribute: the text used to prompt the user when the picture cannot be displayed

Title attribute: the text used to prompt the user when the mouse moves over the picture

Use Picture hello

Link

A tag hyperlink

Href attribute: address of the hyperlink

Target attribute: _ blank means to create a new browser tab to display the contents of the hyperlink, and will not overwrite the original web page _ parentsearchtop

Baidu, Baidu.

List

Ol ordered list

Ul unordered list

Li list items

Type definition type

Disc solid dot

Circle hollow circle

Square solid square

A lowercase letters (ordered)

A capital letters (ordered)

Default digits (ordered)

List Beijing and Shanghai Beijing, Shanghai, Beijing, Shanghai Beijing Shanghai Beijing Shanghai Beijing Shanghai

Form

Tablecaption table title

Th header

Tr Lin

Td cell

Table recruitment Information Job title salary level Front end engineer 20k back end engineer 20k

After reading this, the article "how to master the basic grammar of HTML language" has been introduced. If you want to master the knowledge points of this article, you still need to practice and use it yourself to understand it. If you want to know more about related articles, welcome to follow 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.