Essential knowledge for web development interviews and written tests (must read)

The difference between inline elements and block-level elements in HTML:

In the standard document flow, block-level elements have the following characteristics:

①Always start on a new line and occupy a whole line;

②Height, line height, margins and padding can all be controlled;

③Bandwidth is always the same as the browser width, regardless of the content;

④It can accommodate inline elements and other block elements

Characteristics of inline elements:

① and other elements are on one line;

②Height, line height, margins and padding can be changed;

③The width is only related to the content;

④Inline elements can only contain text or other inline elements.

The width and height cannot be set. The width increases with the content, and the height changes with the font size. Inline elements can set outer borders, but the outer borders do not work on the top and bottom, but only on the left and right. Inline borders can also be set, but in IE6, the inner borders do not work on the top and bottom, but only on the left and right.

Common block-level elements and inline elements:

•Block element

1. * address
2. * blockquote - block quote
3. * center - center alignment block
4. * dir – Directory listing
5. * div - commonly used block level, also the main tag of css layout
6. *dl – Definition List
7. * fieldset - form control group
8. * form - interactive form
9. * h1 – Large heading
10. *h2 – Subheading
11. * h3 – Level 3 heading
12. *h4 – Level 4 heading
13. * h5 – Level 5 heading
14. *h6 – Level 6 heading
15. * hr - horizontal separator
16. * isindex - input prompt
17. * menu - menu list
18. * noframes - frames optional content, (for browsers that do not support frames, this block content is displayed
19. * noscript - optional script content (display this content for browsers that do not support script)
20. *ol – Sorting Table
21. * p – paragraph
22. * pre - format text
23. * table
24. *ul - Unordered list

• Inline element
1. * a - Anchor point
2. * abbr - abbreviation
3. * acronym - first letter
4. * b - bold (not recommended)
5. * bdo - bidi override
6. * big - large font
7. * br – Line break
8. * cite – cite
9. * code - computer code (needed when citing source code)
10. * dfn – define fields
11. * em – Emphasis
12. * font - font settings (not recommended)
13. * i - italic
14. * img – Image
15. * input - input box
16. * kbd – defines keyboard text
17. * label – table label
18. *q – Short Quote
19. * s - hyphen (not recommended)
20. * samp - defines sample computer code
21. * select – item selection
22. * small - small font text
23. * span - commonly used inline container, defines the text block
24. * strike
25. * strong - bold emphasis
26. * sub – Subscript
27. * sup - superscript
28. * textarea – multi-line text input box
29. * tt - Teletext
30. * u - underscore
31. * var – defines a variable

The above article on essential knowledge for web development interviews and written tests (must read) is all the content that the editor shares with you. I hope it can give you a reference, and I also hope that you will support 123WORDPRESS.COM.

Original URL: http://www.cnblogs.com/yzybc/p/5643554.html