Getting started with H5 learning

[The difference between block-level labels and row-level labels]

1. Block-level labels: Default width 100% (exclusively on one line)

Automatic line wrapping (nothing can be on the right)

You can use css to set the width and height

2. Row-level tags: Content width, supported by the content (the width is as wide as the content is)

Will not wrap automatically (arranged from left to right)

[Common line-level tags]

span (text)

img (image)

em (emphasis)

strong (emphasis)

q (short quote)

a (super Link)

i (italic)

b (bold)

small (reduce font)

【em/strong i/b 】Difference

① em and i can be tilted, strong and b can be bolded, but i and b are just simple tilts, em and strong have more emphasized semantics

②em and strong both indicate emphasis, but strong emphasizes a higher level

Note: The purpose of emphasis is to let search engines know the key content of the web page, but it is different from search engine retrieval

strong and em can be nested in multiple layers, indicating the increasing degree of emphasis

Three major citation tags

Baidu

q tag: indicates a short quote

cite attribute: used to declare the source of the quote

< blockquote cite="http://www.baidu.com">Used to quote a piece of content

Quote the name of the work, the name of the calligraphy and painting

Similar points: The three major citation tags all use cite to declare the source of the citation

Differences: 1. The content of the quote is different

q->One sentence blockquote ->A paragraph cite->Work name

2. The default effect displayed is different

blockquote->By default, the entire paragraph is indented to the right

q-> ;Default quoted

cite->Default skewed

##img

Relative path:

1. The picture is in the same folder as the current document. Write the picture name directly

2. The picture is in the current document. Next-level folder, folder name/picture name

3. The picture is in the upper-layer folder of the current document , ../picture name (../ means going back one layer)

The picture must be included in the project and cannot Access pictures outside the project

align:

top->top of the picture, center->center of the picture, bottom->bottom of the picture

The above is the detailed content of Getting started with H5 learning. For more information, please follow other related articles on the PHP Chinese website!