[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!
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
