HTML Beginner's Assignment

For this assignment I needed to program all of the things you can see below. The images aren't visible to Webnode.

 

This is Adam's first paragraph.

This is Adam's second paragraph.

This is Adam's third paragraph.

Even though my paragraph has lots of lines it still isn't visible on the browser

Even though I put a lot of spaces in this text my browser ignores it

The number of lines in my paragraph depend on the size of my browser window. If I resize the window, the number of lines in my paragraph will change.

this paragraph
has breaks in between
it even though
I did not press enter

My Adam lives over the ocean. My Adam lives over the sea. My Adam lives over the ocean. Oh, bring back my Adam to me.

My browser ignored the layout of the text because I pressed enter instead of using breaks. I will now type it using breaks.

My Adam lives over the ocean.
My Adam lives over the sea.
My Adam lives over the ocean
Oh, bring back my Adam to me.

This is my heading 1

This is my heading 2

This is my heading 3

This is my heading 4

This is my heading 5
This is my heading 6

This is my heading that is center aligned.

The heading above me is aligned to the center of this page but I am not.

This is bold text

This is very strong text

This text is big

This is emphasized text

This text is italic

This is small text>

This is subscript and superscript

The hr tag defines a horizontal rule:,/p>

This is my first hr paragraph

This is my second hr paragraph

This is my third hr paragraph


This is a heading size 2

This is my paragraph

The old bgcolor attribute only works on the body element

For future proof HTML, use styles instead:

This is my third body, look at my pretty styles and colors!

This text is in Verdana and it is red

This text is Verdana and it is green

This text is 30 pixels high

Earth

The Earth


An image The earth with align="bottom".

An image The earth with align="middle".

An image The earth with align="middle".

Tip:

align="bottom" is default!

 

The earth An image before the text.

An image after my text. The earth

img src="images/world.jpg" alt="The earth" aligh="left" width="32" height="32" /> A paragraph with my image. The image is aligned left so the image will float to the left of my text

The earth A paragraph with my image. The alignment of my picture is set to "right". This will float to the right of this text.

Aginther This is a link to my portfolio.

 

An Unordered List:

  • Coffee
  • Tea
  • Milk

 

 

Disc bullets list:

  • Adam
  • Ginther's
  • Bullet
  • Points

Circle bullets list:

Square Bulles list:

 

 

First Adam:
Last Adam:  

 

Note: The form itself is not visible. You should also note that the normal width of a text field is only 20 characters

 

Username:
Password:  

Note: The characters in a password field are not visible to anyone and are shown as dots.

 

 

 

First name:
Last name:
 

If you click the "Submit" button, the form=data will be sent to my other page, "html_form_action.asp".

 

I have a bike
I have a car
Male
Female

Note: When a user clicks on a radio-button, it becomes checked by you and all of the other radio-buttons with the same name become unchecked.

Each table starts with a table tag that I made. Each table row will start with a tr tag. Each table data starts with a td tag.

One column:

One row and three columns:

100
100 200 300

Two rows and three columns:

100 200 300
400 500 600
  • Adam
  • Ginther's
  • Bullet
  • Points
    • Adam
    • Ginther's
    • Bullet
    • Points