Get the App
SLTechnology News&Howtos  ›  Development  › 

Example Analysis of DIV of HTML basic knowledge

Shulou Source: shulou.com Published: 2022-06-01 12:39:11 11月04日 Update

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!

Tags: Elements knowledge tags articles basics basics examples analysis content documents new lines not so blocks areas most containers layouts frequent meetings effects more Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno Docker MariaDB vpn macOS Shulou Technology