cheat sheets

What I learned about HTML so far:

Syntax and what they mean:

<!‐‐ ‐‐>	=	Comment
< head >	=	Contains information about the Website
< title >	=	Name of Website (visible in tab)
< body >	=	Body of Website
< h1 > ‐ < h6 >	=	Hedings with diffrent importance
< p >	=	Paragraph
< ul >	=	Unordert list
< ol >	=	Orderd list
< li >	=	List item
< a >	=	Anker element
< header >	=	Head of page
< footer >	=	Foot of Page
< section >	=	Section
< article >	=	Article
< nav >	=	Navigation
< aside >	=	Non main focus section
< q >	=	Quote
< main >	=	Main content of the body
< div >	=	Generic container
< img >	=	Images
< figure >	=
< figcaption >	=
< br >	=	Break
< hr >	=	Horizontal line
< strong >	=	Bold
< small >	=	Small
< em >	=	Kursiv
< span >	=
src	=	Source
alt	=	Alternativ
target	=	Target
type	=	Creates a box for input (textbox, checkbox, etc.)

Didn't find the proper syntax? Try this!

Wbsites

HTML (Hyper Text Markup Language) is needed to edit the informations displayed on websites and web applications.

HTML constructions

To declare a Website as an HTML document the first line must be written as followed:

< ! DOCTYPE html >

" < Roots > " are used to open and close a command. To close a root add a " / " between the " < " and the command.

Links

Any text between the < a > tag will turn into a klickable link. But it won't take you anywere. To add the link to an < a > tag write:

To open your link in a new tab window add after the href declaration target="_blank".

Structure of a Website

Images

Use the <img> tag to display images.

Mail

To open the default mail program by klicking on a mail address you need to write:

To add a default subject write:

Favicon

First you need an icon as a png file. Remember it needs to be in a square format with a resolution of max 48px.

Add it to your files and write

below the title of your page in all your html.