Menu Close

Articles

Programming: HTML+CSS

HTML stands for Hyper Text Markup Language. It is a data oriented language defined by WWW consortium (W3C) to create web pages.  In the next class you can learn what is HTML and how is used to create the internet.

Language Review

Next video is a short introduction into HTML. It is only 7 minutes long. I hope you like it. If you are already familiar with HTML you can skip the video and read the text articles or take the quiz below. 

Learning HMTL

HTML is not a complex language and looks like XML. Both languages are markup languages based on “tags”. These are keywords  enclosed in angle brackets: <…>. Each “tag” has a specific attributes and functionality. There are about 30 tags to learn.

After learning HTML tags you need CSS for making the pages pretty. Then you can continue with JavaScript. At first you will probably be confused by different notations. We present only the essentials to give you a quick start.

HTML Tutorial

In next articles you will learn the basic HTML, CSS and Bootstrap. You can follow each article in less then 20 minutes. After reading you should know basic HTML and CSS.  This allow you to create static websites for experimentation and practice.

Practice HTML

To study an example you can be double-click then copy/paste to create a *.html source file. After this, save the file and open it using your favorite browser. For some examples we provide a “code snippet” using codepen.io website. You can use this link to open a “pen” and investigate the code.

Any HTML page can be a source of learning. You can “inspect” a web page using the browser developer extension. Right click a page element to open a popup menu, then click “inspect” option. I do this all the time when I work on CSS.

Website Editors

To edit HTML you can use a Web Browser like Chrome or Firefox. Also you can edit HTML with a simple Notepad++ text editor. Professional developers use one of  text based IDE editors:

External References

If you wish to learn more you can follow external references provided below. These references are required readings for expert website developers. Next two are the best reference documentation you will ever need. Bookmark in your browser and use it with confidence when you work.

Rating Exam

This is the second exam required for Website Developers after CSE. It contains questions about HTML, CSS and Bootstrap. After you pass we advice you to also learn JavaScript. If you get a good score please register in our top 100 to be listed below.

Start Exam

 

Leaderboard: Programming HTML+CSS

maximum of 40 points
Pos.NameEntered onPointsResult
Table is loading
No data available