HTML basic tutorial: DIV in HTML

What is DIV

First look at a website

Every red color on this website The boxes roughly represent a DIV, which is a logical part.

During the web page creation process, some independent logical parts are divided and placed in a

tag. This

tag functions as a container.

Syntax:

…

Determine the logical part:

What is the logical part? It is a set of interrelated elements on the page. For example, an independent column section in a web page is a typical logical part. As shown in the picture above

Name the DIV

Above, we put some tags into

to divide it into an independent logical part. In common applications, in order to make the logic clearer, we can set a name for this independent logical part and use the id attribute to provide a unique name for

. This is like each of us having an ID card. Number, this ID number uniquely identifies our identity and must be unique.

Combine this id with the CSS and JavaScript that you will learn later, and you can create a very cool website. We will introduce this later. In this section, everyone understands the DIV Just use it

    php.cn 
   HTML课程
  轻松入门HTML+CSS，掌握编程必备技能
 HTML 0基础入门教程
 HTML+CSS 轻松入门
 
 
  PHP课程
  轻松入门PHP，踏上成为大牛的第一步
 php 新手入门
 PHP 零基础 轻松学

Continuing Learning

new file

php.cn

HTML课程

轻松入门HTML+CSS，掌握编程必备技能
HTML 0基础入门教程
HTML+CSS 轻松入门

PHP课程

轻松入门PHP，踏上成为大牛的第一步
php 新手入门
PHP 零基础轻松学

submit Reset Code

Automatic operation

Previous section Next Section

Tutorial List

get help

Course Recommendations
Courseware download

The courseware is not available for download at the moment. The staff is currently organizing it. Please pay more attention to this course in the future~

Students who have watched this course are also learning

About us Disclaimer Sitemap: php.cn：Public welfare online PHP training，Help PHP learners grow quickly！

HTML basic tutorial: DIV in HTML

HTML课程

PHP课程

IntermediateFront-end Vue3 actual combat [handwritten vue project]

ElementaryAPIPOST tutorial [Popularization of technical concepts related to network communication]

IntermediateIssue 22_Comprehensive actual combat

ElementaryIssue 22_PHP Programming

ElementaryIssue 22_Front-end development

IntermediateBig data (MySQL) video tutorial full version

ElementaryGo language tutorial-full of practical information and no nonsense

ElementaryGO Language Core Programming Course

IntermediateJS advanced and BootStrap learning

IntermediateSQL optimization and troubleshooting (MySQL version)

IntermediateRedis+MySQL database interview tutorial

ElementaryDeliver food or learn programming?