The Complete Beginner’s Easy Way: start Learning HTML & CSS Today in 2022
What is HTML？
HTML stands for Hypertext Markup Language, the language for describing the structure of web pages.
HTML was first created by Tim Berners-Lee, Robert Cailliau, and others starting in 1989. It stands for Hyper Text Markup Language.
Hypertext means that the document contains links that allow the reader to jump to other places in the document or to another document altogether. The latest version is known as HTML5.
A Markup Language is a way that computers speak to each other to control how text is processed and presented. To do this HTML uses two things: tags and attributes.
What are Tags and Attributes?
Tags and attributes are the basis of HTML.
What Are HTML Tags?
Tags are used to mark up the start of an HTML element and they are usually enclosed in angle brackets. An example of a tag is :
<h1>Most tags must be opened
<h1>and closed</h1>in order to function.What are HTML Attributes?
Attributes contain additional pieces of information. Attributes take the form of an opening tag and additional info is placed inside. An example of an attribute is:
<img src="mydog.jpg" alt="A photo of my dog.">In this instance, the image source(src)and the alt text(alt)are attributes of the<img>tag.
Basic Construction of an HTML Page
These tags should be placed underneath each other at the top of every HTML page that you create.
<!DOCTYPE html>— This tag specifies the language you will write on the page. In this case, the language is HTML 5.<html>— This tag signals that from here on we are going to write in HTML code.<head>— This is where all the metadata for the page goes — stuff mostly meant for search engines and other computer programs.<body>— This is where the content of the page goes.
What is CSS？
CSS stands for Cascading Style Sheets, the language for describing the presentation of web pages.
CSS technology is used in creating a web page to achieve more precise control of the page layout, font, color, background, and other effects, making the webpage more beautiful and dynamic.
Best HTML / CSS tutorials for beginners :
Udemy
Udemy is a massive online course provider and offers programs on HTML and CSS. These courses teach you how to create responsive websites using HTML5 and CSS3, how beginners learn HTML5, and how to learn HTML in an hour.
Udacity
Udacity offers online video tutorials with a dedicated instructor to explain the basics of HTML and CSS. Free courses do not have certificates, project views, and career coaching. But if you just want to learn the basic HTML, free courses are enough.
Tutorialspoint for CSS
Tutorialspoint provides everything you need to know about CSS. It covers tutorials from basic introductions to high-level CSS techniques, as well as full tutorials on CSS3. Moreover, there are many CSS tools and CSS learning resources for your reference. It's really a very comprehensive resource for learning CSS.
In addition, the following two websites are also great places to learn CSS.