Example Analysis of DIV of HTML basic knowledge
Xiaobian to share with you the HTML basics of the DIV sample analysis, I believe most people do not know how, so share this article for everyone's reference, I hope you have a lot of harvest after reading this article, let's go to understand it together!
HTML block elements
Most HTML elements are defined as block-level elements or inline elements;
When elements are displayed in the browser, they usually begin and end with new lines;
For example:
and labels;
HTML inline elements
Inline elements do not usually begin with a new line when displayed;
Such as: ,,
and labels;
III. HTML Elements
Elements in HTML are block-level elements, containers that can be used to compose other HTML elements;
tag defines a delimited block or region in an HTML document;
Elements are often used in conjunction with CSS to lay out web pages;
IV. Use of div
Untitled documents.all{ width:500px; height:500px; margin:0 auto; background-color:#000; } .one{ height:100px; background-color:#89E1BF; } .two{ height:100px; background-color:#DEE099; } .three{ height:100px; background-color:#D7A1CE; }
The demonstration effect is as shown in the figure:
The above is "HTML basics of DIV sample analysis" all the content of this article, thank you for reading! I believe that everyone has a certain understanding, hope to share the content to help everyone, if you still want to learn more knowledge, welcome to pay attention to the industry information channel!