What are the introductions to HTML

Small HTML course for web design beginners

1.1 Introduction

1.1.1 What actually is HTML?

The exact name of HTML reads Hypertext Markup Language and it is not - as some believe - a programming language, but a markup language. This means that the commands used only describe the way the document is displayed in the browser. To put it casually, one can also speak of formatting, because HTML defines whether something, e.g. italic or fat is pictured. HTML is not limited to that, of course, but that's part of it.

Short excursion into history: the origin of HTML lies in SGML (Standard Genaralized Markup Language). This language was developed by IBM in 1978 as a uniform language for displaying documents. Later this language was further developed as HTML and z. Currently used as a standard in the WWW (World Wide Web).

When designing the site, it should be taken into account that not every user from their own target group may have a DSL connection and can surf quickly. This has become relatively rare in Germany, but you should pay particular attention to it for pages that are designed for foreign users. It is therefore advisable to check whether really large videos and graphics should be included on the homepage.

1.1.2 How does HTML work?

The HTML code resides (unlike most programming languages) in the document itself that is to be displayed. The browser loads the document, recognizes the code it contains and interprets the commands for displaying the document content. The commands have been standardized by a consortium - the W3C. There are different versions of HTML. The original website of the consortium is recommended to the interested reader. Those who are thirsty for knowledge will find answers to all questions they have ever had or will have about HTML.

1.1.3 Basic structure of an HTML file

So that a browser can distinguish a command from the text to be read, the commands are enclosed in angle brackets - so-called Tags. There is a start day < > and an end day </ >
Every HTML file starts with the tag <html> and ends with the day </html> The basic structure, consisting of a head area, is located within this area <head> </head> is called and a body area (body) <body> </body>.

1.1.3.1 Head

In this area information is inserted that is not displayed in the browser, but is nevertheless of some importance, e.g. for search engines. That's how the title of the page belongs <title> Meine schöne neue Website </title> in this area. It is displayed in the title bar of the browser. Furthermore, so-called Meta tagswhich are also intended for search engines.

1.1.3.1.1 Meta tags

There are a number of different meta tags that are of different importance to different search engines.


Here the search engine is informed with which character set the page was created. We here in Germany and other western countries use ISO-8859-1
Here the search engine is informed in which language your page was created. DE stands for German.
Here you tell the search engine whether it should index the page and whether it should follow any links.

There are a few other meta tags, but I think these are the most important.

In the category Tools find a website check. Test your page online with this tool and you will get some valuable results for building your website analyzed.

1.1.3.2 Body

The entire content to be displayed is stored in this area, including the associated codes, including, for example, the specification of the background and font color. Graphics, and if necessary sound and video files, are also integrated here and much more.

1.1.4 Summary

In summary, the basic structure of a website looks something like this:

<html>
<head>
   <title>Meine schöne neue Website</title>

   <meta name="description" content="...">
   <meta name="keywords" content="...">
   <meta name="language" content="de">
   <meta name="robots" content="index, follow">
</head>
<body>
Everything that is displayed is in this area.
</body>
</html>

continue to text wrapping (1) ยป

" Back to overview