Clever Geek Ideas

What is HTML structure features

HTML - , , , . , - . , HTML , , , , .

HTML

HyperText Markup Language. , HTML - . -, - , .

-, , , , . - , . "".

HTML- , . － . , - , .

, , . , HTML- . , , .





, , HTML , . , , .

, .

Variety of browsers




1995 - . , . - , HTML .

, , - .

HTML5

2018 HTML, 2007 . , - .

.

Fifth HTML Standard




HTML

HTML- , , . , , -.





(entities) - , .

:

<
>
←,
↑,

HTML- , . , , HTML-.

, , . , .

HTML-

- -. , .

:

<i>,   </i>

HTML- i



, . i - italic. :

  • <i>;



  • </i>



    , ;
  • , .
HTML tag structure




, .

 ,  <br>   <br>  .

<br>



. , .

:

  • <hr>



    , , ;
  • <input>



    , ;
  • <img>



    , ;
  • - <meta>



    , <link>



    .

. , .

- , . .

, . , HTML- CSS JavaScript.

:

 :

<input type="checkbox" name="red"> 

<input type="checkbox" name="yellow" checked> 

<input type="checkbox" name="green">

<input>. type



, name



, checked



, , .

Input tag with attributes




, , , .

: id, class, title.

- type, checked, src, href .

HTML-, . , .

, , - .

<!--   -->
<p>
  Lorem    ipsum <i>dolor sit </i>   amet.
</p>
<p>
  <b>doloribus    sunt,</b>
  ad provident.
</p>

<!--   -->
<p>Lorem ipsum <i>dolor sit</i> amet.</p><p><b>doloribus sunt,</b> ad provident.</p>

, . , , , , , <pre>



.

HTML . , , , . , .

, , HTML HTML- .

HTML-

- , .

HTML- :

  • , ;
  • html- ;
  • head



    .
<!DOCTYPE html>
<html>
  <head>
    <!--       -->
  </head>
  <body>


  </body>
</html>

HTML5 body



, .

Mandatory HTML document structure




, :

  • title, ;
  • -, , -, http- .
<head>
  <title> </title>
  <meta charset="utf-8">
  <meta name="description" content="    ">
</head>

HTML- . .

, - － . , , .

<body>
  <main>
    <article>
      <p>
         
      </p><!--    -->
    </article><!--   -->
  </main><!--   main -->
</body><!--  ,   -->

-. , . , , , .

CSS , .

Hypertext Markup Language




HTML HTML-. , header



, footer



, main



, article



, nav



, section



.

. , HTML, , -.



More articles:


All Articles