  -  HTML, CSS, JavaScript
 


  -,  -   HTML, CSS  JavaScript.       HTML   -  , divs, ,   ,    -      CSS,  -     JavaScript.     -,        ,     .       DOM        .





 

  -  HTML, CSS, JavaScript



 

    -    .

    ?

-,  -    Google Chrome.

 Google Chrome     CDT, Chrome Developer Tools.








    .

        Sublime Text 3.








Sublime           .

   Sublime           .

   Git.








Git     ,              .

 Git   ,          .

           .








  Git    ,     .








       Browser Sync.

Browsersync    Node.js.

Node.js      JavaScript,    JavaScript  -.

 Browsersync       .

Browsersync     http://localhost:3000/       .    , Browsersync        .

            .

   Browser Sync,    Node.js.








      Node.js,     .








  Browsersync.

    Browsersync      ,             .

 NPM (Node Package Manager)     Node.js.  NPM    Node.js.








     -   Browsersync.

         .

       http://localhost:3000,      index.html.

    Browsersync   ,    .

  HTML

,    HTML?     HTML      ?








HTML     .         ,    .

-, .     ,      ,  ,  ,    .      ,      ,   .








   .     -, , ..  .

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

,  title, ,      ,     .

 ,    .

     ,   ,      , ,       .








, ,      div     h1,    .

,          HTML, CSS,  JavaScript.

HTML,    ,   .

,     ,     .

  ,       ,     ,   ,         .

      CSS.








 Cascading Style Sheets (CSS)  , ,  ,  ,    .

  HTML  CSS,    JavaScript,         .

JavaScript   , ,  ,      .

,   HTML?

 1997      ,    ,  .      -      .

     -     ,       -,       .

   1997   World Wide Web, W3C,     ,   HTML4,        HTML4.01.








    ,              ,       .

,   2000  W3C      XHTML 1.0,         XML.  W3C   ,  XHTML 2.0.

    ,    ,   W3C   , ,  ,  ,   W3C    .

,          ,   WHATWG,   - .

      ,  W3C,       ,    ,         ,         .

               ,         .    ,   2007, 2009 , WHATWG  W3C   ,   ,    ,  HTML5.








, W3C   ,  WHATWG     .

  ,    HTML   ,    ,    - W3.org.








      HTML,            .








   CanIUse     HTML ,      ,           .

       ,       ,     ,       .

             w3schools.com.








  HTML   HTML.    ,    HTML-   ,    HTML-.








 ,  HTML     .    - .

  ,  p,  ,  ,        .

   ,    p  .        .

   HTML-   ,     ,    .








,  br  hr, br   ,  hr    ,    .      .








,   HTML    .

    -,        ,    .

(     ,  ,        .)

     myId    id,     HTML.

          .

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

  ,          .               .                 .

            ,         .

          . ,       ,      HTML.

   ,      .          .








     ,       .

  HTML 

   HTML    Sublime.








   .

  HTML-      .    HTML-     <!DOCTYPE>,     HTML.      ,     .

      HTML   .

     HTML 5,      <!doctype html>.

 HTML 4.01,     :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

 doctype  HTML       . ,      ,  ,       doctype    .

      HTML-,     ,        ,    HTML.

   HTML     .

   html,   ,     html-.

  html   head.   head  ,     .

,          .

 head     ,   title,     ,     .

 ,  head      .

  meta   charset          -.

UTF-8        ,       .

  ,    meta   .

        title.        ,   HTML   .








     .

  head   body.  body    ,  .

    index.html, ,  ,    .    ,     .

    Browsersync  Sublime Text.

   Github   Browsersync   https://github.com/iamdjones/sublime-text-browser-sync.

        Sublime Text,       Preferences  Browse Packages.








       Browser Sync.








     Launch,   HTML   .

          .

      ,         W3C.








    ,      lang  html,     .          ,       ,          .

     <html lang="en">.

    ,    .

  ,    HTML-,      HTML-   .

 ,     ,   HTML,      ,        HTML.

 HTML 

  HTML         HTML .      (block-level),    (inline).








        .       CSS,       CSS.

 ,   ,       HTML,            .

             .          .  ,    ,           .

     ,   ,        .  ,            .








     div  span.  div  ,   span  .

 div       ,  span     .

      div,    , DIV 1  DIV 2.    span,    DIV 2.  DIV 3  ,        span  .

     ,   ,   DIV 1       .     DIV 2,      .

 Span 1    DIV 2. ,  span   ,   DIV 2    ,       .

DIV 3    ,      ,   Span 2   DIV 3, ,    ,     .

  , ,               html-   ,   .              .

   ,       W3C.  ,   .

  ,          div    span   .  ,   ,    div    span.








    HTML5          HTML .             W3C,     ,   HTML5.

,    HTML ,   .








    HTML-   h1, h1, h2, h3     h6,  ,    .

    ,       h1    h1      ,   .

 , h6    ,     .

  ,           ,       .         HTML-,   .

     CSS,        . ,    h1, ,         .  SEO     h1,     ,      .















        header,      ,   , , .

HTML  <nav>  ,          -.       .

      ,     ,      <nav>.

  ,      section.     section     article.

 section    .   section        ,   .

 article        .      , ,   ,  ,          .

  article  ,   article  ,        . ,             .

     section.   ,    , ,  ,      .  ,       .

        aside.

 aside   ,  ,     -,      ,      ,   .

   <aside>        .

, ,     <footer>    ,      ,    , ,    ..

        <footer>.

  ,        .           div. ,     ,  ,               HTML-,       .

,    HTML-.








       HTML,    .  , ,   ,       .  ,     .    ,      HTML.

  HTML         .

     ,    ul       .          li.

     ,     .

      HTML-   W3C,  ,   HTML- .   ,  ,             li  .

        W3C,  ,  HTML   ,    ,    ul   .

,     ul,   li.    .

     ul   ol,   li     .

       .

,   ,   HTML      ,        HTML       .

  ,      HTML   ,          HTML .

 ,   ,    ,       .








  <, >  &.      HTML. ,        (<)   (>),      .

      HTML   .

    <,     HTML,     &,    lt;.       <.

,    >   >.

    &   &.








   HTML      HTML.

        .   ,        ,   ,     -      .

         .

    HTML,    ,  ,    .           ,           .

         ,        ,     ,     .

,             HTML-.








,   ,    ,   .

       <>  href.

 href   .   href    ,    URL-.

  ,      ,     - ,    URL-.

    title   a.  title     ,      -.

,        <>  ,     ,     href.

,       a.       div  .  ,   div   ,     .

 ,     ,         .    ,     div  a.

  a  HTML5     ,    .       a      div,      .

  HTML5 ,            HTML ,    ,     .

 HTML5    ,     ,    a    ,       a   div.








,   .

        ,  ,    href    http://,          -.

      a,         .     target.

   target   _blank,              .

    ,       ,            .








        .       ,            .

      href.    #,     ,     section1, section2.

         ,      id.

        .

 ,       #.        #.

         ,        h1   top.

      ,     URL-,  index.html#section1,        URL-    .           ,    .

,    ,     HTML-.








        .

      .   HTML-.

  HTML    ,  ,  , ,     , ,   .

         .

      <img>.

   HTML     img,      image.   src  img   URL-,    .

   ,   URL-     href,       <a>.     URL-   URL-,     .

      .     ,      .     alt,      ,     .








  ,          ,    img   .      ,       .

      img.    ,     .

       .        .      ,      HTML ,      .        .

 ,      ,      .        ,   ,            .     .








        .        ,       .

 ,     ,   -     ,   -    , , URL-   .            ,       ,     .

,       ,    ,    ,       .



 1

  HTML   , 

(: -,         )

  -  

  

 ,        .

 ,      

 2

W3C ( World Wide Web)   ,  ,     HTML5.





 3

  HTML5  

  

  

   1 

   , .. <p>

 4

    HTML5











































 5

 ,      HTML5?

. HTML5      ,        .

      HTML.

     .

   .

 6

   HTML ,  .





 7

    HTML 

1.<div>Hey there!

I am just a lonely quiz answer. Will you click me? I am bored!

</div>

2. <section>

<p>The sale numbers are in

</section> You ARE a closer, Johnson!

</p>

3. <article>

<h2>Wow!

</h2>

<p>You're ignoring all the other answers just to

look at me?! I AM special!



Wait! Where are you going?

What if I AM the answer you've been searching for???!

</p>

</article>

 8

      .





 9

  -              ? (,     ,      ).

<div>Dearall,

<span>Itookthisreallycoolbook

</span></div>

<span> Ithinkit's

myfavoritebookI'veEVERtaken!

HereistheURLforit:

</span>

<ahref="">about HTML,CSSandJS</a>

<div>

DoesanyoneknowhowIcangivethisbook6

outof5stars?

</div>

<div>

Thankyou,

Yaakov....!

</div>

 10

  HTML,    ,  3   HTML-     1 ,      ,          ?

     HTML!

 &nowrap;  1-    3- 

   1-    2-  ( )

   1-    3- 

 11

         ?

      

            .

  target='_blank'    <a>

  target="new"    <a>

 12

  ,       img  ,    .





  CSS

    ,      .     ,  HTML    .

,     ,    ,     .       -,   ,       ,        .

  , ,       .

  ,  CSS,  ,        .








      csszengarden.com,      HTML    CSS   -.

CSS       ,       HTML.








   ,      .

    -     ,    CSS  .








 CSS   ,     p,  ,     ,             HTML-.

       .          CSS,     ,   .

    CSS,         .

          .

   ,       ,    ,      .








  CSS     . ,     ,       HTML-        .

,    CSS   .








  HTML-     h1,   h2     ,    p.     ,       .           HTML-.

       .       ,    20     200 ,  ,        200 .

   h1,         ,        .








     .

      1,     2,  ,        ,   .

   ?        h2.

      .        ,      HTML.

 ,        ,       .

   ,  CSS   ,           CSS,    ,   .

  CSS    ,    HTML       CSS.    API-      ,   .

     : ,   .








          . ,     p   ,       HTML-    .

        ,  . ,      div,  ,         CSS  .








   ,      .       blue CSS,     .

      HTML-,    ,       ,        .








      p,     div,     class="blue" , ,        .

 ,        ,    class="blue".

      ,    ,  ,    .        .          . ,    ,       ,     .

       id.








           HTML-,    .








, ,      div  id="name",      CSS    #name,  CSS      div    id name.

    ,        HTML-.   ,         .

,     , CSS         CSS.








     ,  , div     blue,           CSS.

       .        ,      .

          .








      p,       ,    .     ,       p,       big.

        .    ,      .

    ,      CSS,     ,   ,       .

      .








    ,     ,      .       .

        p,       article.  ,     p,       article,    ,      p.








       .








        .   ,      .

       p,     article   ,  ,        ,     ,   ,        article,    .








,  ,        . , ,      .colored p   ,     .

   (    , , ),    ,        .

           . ,    ,    ,       .








             .     .








,   :link    .         .








         :visited.








 :hover            .   :hover     ,       .

   :hover  ,      :link  :visited  CSS.








 :active       , ..     .   :active     ,     .

   :active,      :hover  CSS,     .








 :nth-child(n)   ,   n-    .   n   ,   (  , odd  even)  ,  (an + b),  a   , n   (  0),  b   .

  ,  This is some text.   div   ,        div   .        ,        .

,                 ,     ,       .








  .

       style,   h2   HTML-   -  .

    ,      CSS.








,     CSS   ,   style   CSS    .

     ,   ,       ,       ,      .

   , ,    ,         .

       ,  ,    .

, ,         -,   ,     ?  ,       style   .

   -    ,       HTML-.








        link,    ,        ,   href.

           CSS.      .

       style.css,     ,       ,      130%     .

 -      ,  ,            ,        HTML-    link.

       CSS,       -.

       .

  CSS     .        CSS.  , ,       .

     ,     CSS ,    .

    .








 ,   , ,     .

         .

  CSS  ,  ,   -           ,    .

        .








,  ,    ,   ,  HTML  .    .

,     ,    .

    CSS ,      ,   .

  .

   CSS  ,   CSS   ,      .

 , , ,     ,      ,  ,         ,        ,     .      ,   .

 ,    ,  .








    .      ,        .     -  CSS  - ,         ,         .

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

    .








             .

    ,   ,      ,  .

        .      .

    ,    ,   ,  ,      .     CSS    .

        style.   ,     CSS   ,   .    ,   .

   ,    ,    ,    .








      2,    12 .    .

    ,   .         !important.








         ,          .    !important   background-color   .

 !important     ,       CSS .

        !important.                !important ,  -  ,          ,      !important   !important ,    .

,     .

   CSS,    .        .      ,   ,    .








        style,           html-.

     ,    .

 ,     ,    .        .








 ,       font-family.








      . ,       ,   .  ,       ,   ,   , ,     ,     .

 ,        ,     .

 font-family        ,         .        ,         ,    .      .

   ,       Serif  Sans-Serif, ,            ,      ,      .








   .        color.

       red, green, blue  ..,        .

 font-style ,   ,      .








     .








        .         .

     .








        16 .      pt,   .  pt   ,    .     .      .   ,     .

    .     DPI               .              .

  ,      DPI     ,     ,   ,        .

     -    .

 text-transform         .

    text-align,           .

       .       ,    ems.








  body   120%.   ,     ,     ,     120%.

        16 .  , 120%  16     19 .








    2em.    ,       ,   .

    ,    ,    .

      120%    ,         2.5em,    ,              120%.

         vw,      viewport . Viewport       1vw = 1%   .      50 , 1vw  0,5 .

,  HTML    .       .








 ,   ,   .   , ,       ,  ,      .








      HTML  .

   h1   div   box,    div    div   content  .

   div    ,        .

  ,        .

    Chrome  ,    .








   body  ,  .

  ,   body     .      ?

      .  ,    .     .

   margin 0,     ,  ,             .

   ,   .      ,       ,      -    .

  ,       ,      .      ,       body.

      .








  padding 10  , 10  , 10    10  .








 ,     .          5      300   50 ,       50 .

 ,    overflow.  overflow ,        ,           .   overflow   :

visible   .      ,      .

hidden    ,     .

scroll    ,    ,     .

auto   ,       .








    ,       300   50 ,    ,    .  ,     ,      .         ,   .








 CSS 3     box-sizing   border-box.

 CSS box-sizing            .

  CSS box-sizing,         :

 +  +  =   

 +  +  =   








   border-box  box-sizing         300   50 .




  .


   .

   ,     (https://www.litres.ru/chitat-onlayn/?art=70112947)  .

      Visa, MasterCard, Maestro,    ,   ,     ,  PayPal, WebMoney, ., QIWI ,       .


