HTML BASICS

This Document gives a short overview of the basic stuff for HTML and is useful for looking up different methods

Tags, Elements and Attributes

Tags: A tag is represented as <start> and <end/> where start and end are representing diffrent options. A List of HTML Tags can be found here

Elements: Elements are Tags including their content. So for example <p>This is a paragraph<p/> is a element.

Attributes: Attributes are inside a tag and modify the Element

Text editing

  
<p align="center" style="color: rgb(36, 31, 31)">My first paragraph.</p>
  
Output:

My first paragraph.


<pre style="font-family:Arial">This is a preset Paragraph        what does it do?
    it recognizes spaces in the code like new lines etc</pre>
Output:
This is a preset Paragraph        what does it do?
    it recognizes spaces in the code like new lines etc
    
this is some <b>more</b> text<br/>
this is some <i>more</i> text<br/>
this is some <u>more</u> text<br/>
this is some <sub>more</sub> text<br/>
this is some <sup>more</sup> text<br/>
this is some <big>more</big> text<br/>
this is some <small>more</small> text<br/>
    
Output:

this is some more text
this is some more text
this is some more text
this is some more text
this is some more text
this is some more text
this is some more text

<q>what is a q element? It puts the text in quotation marks</q> Output: what is a q element? It puts the text in quotation marks <blockquote cite="www.google.de">this is also a quote for bigger text maybe it recognizes newline and space ? No it does not<br/> you need the breack line element </blockquote> Output:
this is also a quote for bigger text maybe it recognizes newline and space ? No it does not
you need the breack line element
<bdo dir="rtl">this is funny because how it is displayed</bdo> Output: this is funny because how it is displayed

Lists

Lists are HTML Elements that let us allow to show us text in rows with bulletpoints

ordered list
  1. element 1
  2. element 2
  3. element 3
  1. element 1
  2. element 2
  3. element 3
  1. element 1
  2. element 2
  3. element 3
  1. element 1
  2. element 2
  3. element 3
  1. element 1
  2. element 2
  3. element 3
unorderd list discription list
Lesson 1
intro to
what now

Tables

Head 1 Head 2 Head 3
cell1.1 cell1.2 cell1.3
cell2.1 cell2.2 cell2.3
cell3.1 cell3.2 cell3.3

Images

Image not loaded this is alink to page 2

Input elements











































Username:

Password: