This question has already been answered:

I want to start learning HTML and CSS. I found many websites and books on the Internet, my eyes run and I don’t know what to choose. Therefore, I ask you to advise which book or site is best to start learning HTML and CSS.
Also what software should be used when learning HTML and CSS.

Reported as a duplicate by LFC participants, Suvitruf ♦ , freim , aleksandr barakin , 0xdb on Feb. 26 at 6:40 pm .

A similar question was asked earlier and an answer has already been received. If the answers provided are not exhaustive, please ask a new question .

  • 2
    Hmm .. Something I unsuccessfully dubbed ... Immediately not js :( - Qwertiy ♦
  • one
    @VladSpirin, in general, while not the format ... It is necessary to somehow bring to the one-answer. - Qwertiy ♦

10 answers 10

Book Mussiano "HTML & XHTML. A detailed guide." Read thoughtfully. The book will later come in handy as a reference book.

E. Meyer's book "CSS. Skilld Style Sheets. Detailed Guide." You can literally learn this book. ))

Site htmlbook.ru. - there are reference books, lessons, articles, ready-made solutions. A lot of interesting things on this site.

BY. The list is quite wide. I prefer to write with "hands", so to say, that is, without automatic code generation applications ... I work in Notepad ++. Total for a beginner, I think it's a bunch of software - Notepad ++ and Mozilla Firefox latest version.

    Links

    1. htmlbook.ru
    2. developer.mozilla.org
    3. w3schools.com
    4. metanit.com
    5. html5book.ru

    Literature

    1. David McFarland, New CSS Big Book
    2. John Duquette, HTML and CSS. Website design and development
    3. Frayn Ben, HTML5 and CSS3. Website development for any browsers and devices
    4. Eric Meyer, CSS Cascading Style Sheets. Detailed guide

    Video courses

    1. Learning CSS / CSS3 from scratch to guru! (Gosh Dudar)
    2. CSS / CSS3 Basics (Sorax)
    3. CSS Basics (loftblog)

    Interactive courses

    1. htmlacademy.ru
    2. coursera.org
    3. FLEXBOX FROGGY
    4. GRID GARDEN

    Code editors

    1. Sublime text
    2. Brackets
    3. Notepad ++
    4. Visual studio code
    5. Atom

    Online sandboxes

    1. Jsfiddle
    2. Codepen
    3. Cssdesk
    4. Cloud9

    Validator

    1. validator.w3.org

    Ask questions here

    1. ru.stackoverflow.com
    2. toster.ru

    Additional material

    1. Path maker: from scratch to senor (habr.com)

    Here, in my opinion, there is a good scheme and a structured description of the basic things that are necessary at one level or another.

    Layout path maker

    • PhpStorm here with a fright? - Qwertiy ♦
    • @VladSpirin, so it seems like for php. By the way, is VS Code not an IDE? - Qwertiy ♦
    • 2
      Based on personal experience, the beginning layout maker to install IDE is hell, there is a ton of functionality and most of that is not necessary at the initial stage, any light editor is enough. I tried all the major well-known editors, my choice was on the Visual Studio Code for Linux, although Atom is also good, but this is a matter of taste. But if programming is engaged, a la C \ C ++ or Python, then of course IDE is better - LFC
    • My opinion about your question about IDE, they are not needed here, not at the initial stage, and they are not needed at all for the layout. Another thing is something massive where several languages, but this is not the case. I also decided to join in and wrote a couple of lines to beginning layout makers) - LFC

    Some background information (from the personal and experience of my colleagues and friends):

    It’s always difficult for a beginner typesetter, and not only a beginner, to decide what to read and which book is best to start with, as we are surrounded by an ocean of all sorts of recommendations. YouTube is filled with various video materials, thousands of blogs with beautiful headlines and pictures, and cry out to yourself: "Come here, we will teach you everything ..." and so on ...

    It is very important, especially for those who are just starting their way (in the midst of all this informational noise) , to understand and realize in which direction to move, where to start and how to gradually build up their muscles in this field of activity. How to do everything? What tools to use? There are many questions and moving step by step, solving them gradually, much can be achieved.

    I’ll add my selection of the most productive and relevant books, training resources on HTML, CSS, and additional technologies related to layout and web design in general , which helped me to start doing something interesting, to strive to develop further in this direction, and also find your first job in IT :)

    Literature (HTML):

    • “Learning HTML5. Specialist library. B. Lawson, R. Sharp, Peter, 2012, 303 pp.
    • "HTML5: Programming Recipes". K. Schmitt, K. Simpson, 2012
    • "HTML5. Pocket Guide". 5th edition, D.Robbins, 2015
    • "HTML5: Mobile Application Development." E.Vail, 2015

    Literature (CSS):

    • "The secrets of CSS. Perfect solutions to daily tasks." Lia Vera, Peter, 2016
    • "New big CSS book". D. McFarland, Peter, 2016
    • "HTML5 and CSS3 for dummies." K.Minnik, Ed Tittel, Dialectics, 2016, 400 pp.

    Learning resources and references:

    WebReference
    MDN Web Docs
    W3C. HTML 5
    W3C. Cascading Style Sheets home page
    Sass. Documentation
    Bootstrap. Documentation
    SVG Books and Study Materials


    Literature on web design and related technologies:
    here besides the above, more technologies are given and this literature is a little beyond the scope of this question, but the books are useful in that they form a general understanding of the formation of web pages

    • "Great Web Design Book". T. Felke-Morris, EKSMO, 2017
    • "Bootstrap in Examples", S. Moreto, MQM Press, 2017, 314 pp.

    I also want to add, as they say, almost everyone who is in any way connected with IT:
    learn English , as technologies develop very quickly and books are translated into Russian much later, some technologies are no longer relevant at the time of translation. Try to use primary resources, or resources as close as possible to them (examples cited above).

      Agree with iwowa. An excellent site to learn: http://htmlbook.ru/. As for software: notepad ++ is better for me.

        You can study on wikipedia, on htmlbook , building , html.net , for me this one was the best - s3schools .

        Software: I use Adobe Dreamweaver cs5.

          As for the programs - Notepad ++, of course, it's all over, but you can also try MS Expression Web. There are several advantages - both a hint on the code and auto-completion, as well as a preview of what I have done.

            I, of course, was late for 7 years, but I learned these languages ​​thanks to the htmlbook and Head First HTML with CSS & XHTML . And yes: I do not advise you to learn these languages ​​separately.

            Personally, I perceive everything very well visually and by ear. I had a hard time reading technical literature, so I studied these languages ​​as problems arose. How exactly? I started by watching educational lessons (introductory lessons) on YouTube in Russian. You repeat all the actions in the lessons and voila - you wrote your first “web page”.

            After you feel that you have begun to understand a little in these languages ​​- start writing pages without the help of lessons, creating a Challenge for yourself. If there is a problem - google. Forums and YouTube videos will always help you. As one user of StackOverflow said to me: "you will find almost all the answers to your problems on the Internet."

            By the way, another good site directory is w3schools (in English).

            I recommend after a good base in CSS to switch to preprocessors. I personally use SCSS. Very good book to learn - Dan Cederholm - Sass for Web Designers.

            • Not late, +1 added, ATP for personal experience, new users will be useful - LFC
            • @VladSpirin thanks) Nice to hear - Antonio112009

            The best tutorial on the site postroika.ru. I learned from it and everything is great! I highly recommend! Go to the site and in the menu select "HTML". You can download it. In short, a cool tutorial!

              Pretty well described: here and here .

              According to the software at this stage, Notepad ++ or SublimeText or Atom will suit (to taste). You can also immediately with WebStorm , it is more integrated.

                No books on HTML and CSS should be read. I somehow read one and realized that only wasted time, there is nothing worthwhile just one "water". Everything can be found on the Internet in the form of articles (often on the forums in the answers) in a shorter form, the main thing is to know what interests you.

                See simple ready-made templates to see how everything works. A very good reference will be, as already mentioned above htmlbook.ru, a convenient list of tags and a good description.

                For Windows layout, it is good to use notepad ++, easy to use and the main thing is code highlighting.