# Documentation of HTML and CSS

**URL:** <https://forum.freecodecamp.org/t/documentation-of-html-and-css/551354>\
**Category:** Curriculum Help\
**Tags:** css, html\
**Created:** [September 6, 2022, 10:56am UTC](https://forum.freecodecamp.org/t/documentation-of-html-and-css/551354 "2022-09-06T10:56:28Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![hartatociptajaya](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hartatociptajaya/32/282797_2.png) [@hartatociptajaya](https://forum.freecodecamp.org/u/hartatociptajaya)\
**Post date:** [September 6, 2022, 10:56am UTC](https://forum.freecodecamp.org/t/documentation-of-html-and-css/551354/1 "2022-09-06T10:56:28Z")

</div>

I wanted to ask about HTML and CSS documentation.

Is this website below considered:  
“Read Documentation”  
by the information it provides or just like another article providing basic information of HTML and CSS

> **[HTML: Creating the content - Learn web development | MDN](https://developer.mozilla.org/en-US/docs/Learn_web_development/Getting_started/Your_first_website/Creating_the_content)**
>
> HTML (HyperText Markup Language) is the code that is used to structure a web page and its content. This article provides a basic understanding of HTML and its functionality, and shows you how to create the basic content for your first website.

> **[CSS: Cascading Style Sheets | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS)**
>
> Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in HTML or XML (including XML dialects such as SVG, MathML or XHTML). CSS describes how elements should be rendered on screen, on paper, in...

From what I’ve seen many people who are more experienced than me always encourage people to read documentation

---

<div class="post-metadata">

**Author:** ![alfonsusac](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/alfonsusac/32/280084_2.png) [@alfonsusac](https://forum.freecodecamp.org/u/alfonsusac)\
**Post date:** [September 6, 2022, 11:12am UTC](https://forum.freecodecamp.org/t/documentation-of-html-and-css/551354/2 "2022-09-06T11:12:33Z")

</div>

MDN web doc is pretty thorough in their documentations. I sometimes even prefer them over w3schools as they give adequate examples, usage and accessibility concerns.

Which part of the HTML-CSS documentation are you looking for?

---

<div class="post-metadata">

**Author:** ![alfonsusac](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/alfonsusac/32/280084_2.png) [@alfonsusac](https://forum.freecodecamp.org/u/alfonsusac)\
**Post date:** [September 6, 2022, 11:13am UTC](https://forum.freecodecamp.org/t/documentation-of-html-and-css/551354/3 "2022-09-06T11:13:59Z")

</div>

MDN web doc is pretty boiled down to someone like me. However, fi you really want to get into the nitty gritty technicalities, there is always the W3C specification website detailing the standards that get put into the HTML language, and the upcoming drafts of what might be supoprted or dropped in the future HTML version.

---

<div class="post-metadata">

**Author:** ![hartatociptajaya](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hartatociptajaya/32/282797_2.png) [@hartatociptajaya](https://forum.freecodecamp.org/u/hartatociptajaya)\
**Post date:** [September 6, 2022, 11:18am UTC](https://forum.freecodecamp.org/t/documentation-of-html-and-css/551354/4 "2022-09-06T11:18:45Z")

</div>

I just need the basic and usually people phrasing read documentation if we are learning a language so I wonder if this source count as “documentation” like people recommended to read or just another summary of html and css.

I am not sure what I am looking for maybe just the general information like

- When is `for` element is being used
- When is `id` element is being used

and so on

---

<div class="post-metadata">

**Author:** ![alfonsusac](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/alfonsusac/32/280084_2.png) [@alfonsusac](https://forum.freecodecamp.org/u/alfonsusac)\
**Post date:** [September 6, 2022, 11:23am UTC](https://forum.freecodecamp.org/t/documentation-of-html-and-css/551354/5 "2022-09-06T11:23:28Z")

</div>

That should be described pretty well in MDN Web docs. Try looking for a specific keyword instead of an article/tutorial page on the MDN web docs.

For your first example I would go straight to the for attribute in label for example:

> **[: The Input Label element - HTML: HyperText Markup Language | MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label#attr-for)**
>
> The HTML element represents a caption for an item in a user interface.

Here is the official documentation about the standard of the label element, which is more technical  
[https://www.w3.org/TR/2011/WD-html5-author-20110809/the-label-element.html#attr-label-for](https://www.w3.org/TR/2011/WD-html5-author-20110809/the-label-element.html#attr-label-for)

As you can see the link on the bottom is harder to understand. So i tend to use MDN web docs.

---

<div class="post-metadata">

**Author:** ![hartatociptajaya](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hartatociptajaya/32/282797_2.png) [@hartatociptajaya](https://forum.freecodecamp.org/u/hartatociptajaya)\
**Post date:** [September 6, 2022, 11:28am UTC](https://forum.freecodecamp.org/t/documentation-of-html-and-css/551354/6 "2022-09-06T11:28:58Z")

</div>

Cool, thank you!

One more thing. If people told you to read documentation about JavaScript

> **[An Introduction to JavaScript](https://javascript.info/intro)**

Is this what it looks like?

---

<div class="post-metadata">

**Author:** ![alfonsusac](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/alfonsusac/32/280084_2.png) [@alfonsusac](https://forum.freecodecamp.org/u/alfonsusac)\
**Post date:** [September 6, 2022, 11:34am UTC](https://forum.freecodecamp.org/t/documentation-of-html-and-css/551354/7 "2022-09-06T11:34:52Z")

</div>

Also from MDN Web docs haha

A documentation should containt EVERY keyword, from label, tokens, names, syntax, grammar, et cetera.

If its already a boiled down step-by-step, it is more like a `tutorial article`, or a `course`.

From the example that you gave, in the sidebar it says “Chapters” and “Lessons” so I feel like its more to a course than a documentation.

---

<div class="post-metadata">

**Author:** ![hartatociptajaya](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hartatociptajaya/32/282797_2.png) [@hartatociptajaya](https://forum.freecodecamp.org/u/hartatociptajaya)\
**Post date:** [September 6, 2022, 11:37am UTC](https://forum.freecodecamp.org/t/documentation-of-html-and-css/551354/8 "2022-09-06T11:37:42Z")

</div>

Alright, thanks for the information.

Have a good day mate!

---

<div class="post-metadata">

**Author:** ![alfonsusac](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/alfonsusac/32/280084_2.png) [@alfonsusac](https://forum.freecodecamp.org/u/alfonsusac)\
**Post date:** [September 6, 2022, 11:41am UTC](https://forum.freecodecamp.org/t/documentation-of-html-and-css/551354/9 "2022-09-06T11:41:11Z")

</div>

Do keep in mind that doesn’t mean you shouldn’t skip over courses or lessons.

Lessons and courses are made so that you already get the most boiled down information that is ready to be used. It is written using another person’s point of view to make what is the fastest way for you to learn from start until beginning.

A documentation in the other hand, is a page to document every single thing in a language/all/library/framework. How it is used, and what are the specifications etc. It is more like a engineer’s manual guide combined with a thesaurus.

That is how i think documentation differs from lesson or courses.

Since HTML is made from an organization and individuals and not based on a company, multiple people have made documentaries that tries to explain its best use, concerns and the structure of the documentation on their own.

So here are few preferences of “documentations” that i recommend due to its ease of use:

> **[Web technology for developers | MDN](https://developer.mozilla.org/en-US/docs/Web)**
>
> The open Web presents incredible opportunities for developers. To take full advantage of these technologies, you need to know how to use them. Below you'll find links to our Web technology documentation.

> **[W3Schools Free Online Web Tutorials](https://www.w3schools.com/)**
>
> W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

> **[W3docs](https://www.w3docs.com/)**
>
> HTML CSS JavaScript jQuery AJAX XML SQL Tutorials References Examples

and the OG specification documents:

> **[World Wide Web Consortium (W3C)](https://www.w3.org)**
>
> The World Wide Web Consortium (W3C) is an international community where Member organizations, a full-time staff, and the public work together to develop Web standards.

However, these are just my opinion. You can (or must) pick the right source of information that suits your style to get the information you are looking for. There are a lot out there.

Hope this clears out your confusion

---

<div class="post-metadata">

**Author:** ![hartatociptajaya](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hartatociptajaya/32/282797_2.png) [@hartatociptajaya](https://forum.freecodecamp.org/u/hartatociptajaya)\
**Post date:** [September 6, 2022, 11:45am UTC](https://forum.freecodecamp.org/t/documentation-of-html-and-css/551354/10 "2022-09-06T11:45:07Z")

</div>

This is more than enough. Would take months only to digest it. lol.

But thanks man. Appreciate all the extra miles!

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/freecodecamp/original/3X/e/1/e1c433102e34b46dfaa3e15d13ab9a514b127078.svg) [@system](https://forum.freecodecamp.org/u/system)\
**Post date:** [March 7, 2023, 11:45pm UTC](https://forum.freecodecamp.org/t/documentation-of-html-and-css/551354/11 "2023-03-07T23:45:27Z")

</div>

Closed on March 7, 2023, 11:45pm UTC

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.
