We can start out with a header of our website. Can contain an intro to the site or a logo or navigation.

Neither footer or header are mandatory, but they give meaning to the content for tools a robots. Also, because we are using UTF-8, we can do the following: 😗

Welcome to the WDP Blog!

Intro: HTML Elements und basics

We are using p here because it's a paragraph.

p automatically does a line break and has an increased line spacing.

HTML Elements

We can also just write text here without p. Let's create a list:

Headings
Paragraphs
Links
Images

Let's do the same with an ordered list:

Headings
Paragraphs
Links
Images

We can use bold or italic text, we can also use underline text. And then there is also small text and big text. We can also use ~~strike-through~~ for not so correct text, or we can use ~~deleted~~ text. We can also use quote element, which is used for short inline quotes.

For long quotes, use the blockquote element. It can contain multiple elements for e.g. citation.

Showing code

        
            #include <stdio.h>

            int main() {
                printf("Hello World!");
                return 0;
            }

        Leave
                this
                        formatting
                                    alone!!!!!

THere are some other elements like this span. Here goes some more text.

Or we use a

div

for grouping elements. Let's have a look at the other headings:

Heading 3

Heading 4

Heading 5

Heading 6

Attributes and Links

Links are probably the most important element that needs an attribute to work properly. You can link sites with like this We can also link our own website: our site Jump to beginning: JUMP

This is the logo of the FH OÖ

Tables

First name	Last name	Age	City
Jill	Smith	50	Vienna
Eve	Jackson	94
Sum		144