HTML document structure: basic tags, example

HTML is a site markup language. Many consider it programming, but this is not so. There are no variables, calculations, arrays, or other elements in HTML that are present in any programming language.

Using HTML, the developer can only create the appearance of the site. It is important to understand that no site exists without markup. HTML is the basis for creating web pages. All other functionality is added by various programming languages.

Create html document

You can create a simple page in any editor. Even Notepad will do. For a novice developer, it is recommended to use other editors that have auto-substitution features and other tips. Thanks to this, you can create ready-made tables, links, images and other elements. And in Notepad you have to write each letter manually.

, "" , . , html. html.

html . html-. ? .

html-.

. -, . , .

html document structure




html-. . . , . .





html- - :

  • <html>
  • <head>
  • <body>

. . “/”. , – .

, .html. , , . .

head

3 head. . , ( 4) ( 5).

. () -. . , . .

html- , <title> head. <title> body , .

, head , , , , .

html- . , . , .









, .

.

<link rel = “stylesheet” href = “style.css” type = “text/css”>

href . , . type, , css.

head.

html styles




. , css , . , , .

, .

.

<script type=“text/javascript” src=“main.js”></script>

: type src. , Javascript, – . , .

body

html- , , , body. .

, . , .

, body. . .

html- . <>. , . (). < , .

. , , , .

html document structure what is it




. () . , , . – .

src , . alt . bird.jpg – .

, img, , , , , .

, body.

<a>…</a>

<img>

<p>…</p>

<br>

<strong>…</strong>

<i>…</i>

<s>…</s>

<u>…</u>

<ol></ol>, <ul></ul>

<table></table>

. -, .

html document creation




:

html document structure main tags




:

html document structure example




, , head. .

, . h1 ( ), , . , . .

use css styles




, .

using multiple css styles




.

Text Document




. . , .

css classes




.

using css classes




Please note: if you specified style settings for a standard element, you do not need to write the word class in the future. The style will be applied by default. In the class attribute, you can specify only those styles that you start with a period.




All Articles