HTML & CSS Book (English) Без рубрики

Step 4 Dividing the Page into Sections

Step 4: Dividing the Page into Sections

Dividing the Page into Sections The HTML <div> and <section> tags define a division or a section in an HTML document. They are used to group block-elements to format them with CSS.

The page in our project has four parts: Banner, navigation, content, and footer. You should define a separate division for each part and an additional outer container to wrap them all (Picture X.10 and Picture X.11). Use <div> tags to define the divisions and give an id to each division to address them in CSS and JavaScript.

  • Add the following code to the body.

Picture X.10: The divisions of the Web page.

Picture X.11: The visiual presentation of the HTML divisions.

IntelliSense: When you start typing the codes, a list pops up offering suggestions. It makes you more productive. After selecting your code, you can use the Enter or Tab key to commit it to your page.

Practice: HTML

Visit the site http://www.w3schools.com/html/default.asp and other similar sites to learn HTML basics (Picture X.12).

Picture X.12: An online HTML tutorial.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *