Welcome to My First Web Page

Linklere dön.

This is where I try H2

This is an HTML example page I created in Notepad.

b & i: We will see if that will appear bold, and this one italic, and this one both

sub & sup: Let's try superscript and subscript here: On the 4th of May, we will learn the importance of the O2

br: And here we will use:
line break!

hr: And here comes horizontal rules

Yes it does, in deed!

"And I type this one in html edit / CO2
shift enter

just enter"

These ones are for screen readers and search enginees:

strong: This toy is not suitable for the children aged under 3!
em: This toy is not suitable for the children aged under 3!


Ekol is one of the greatest logistics companies around the world.

q cite: Ahmet Musul said Or at least it will be someday!

abbr: Prof. Einstein is the most clever man in the world.

dfn: A pencil is a tool that is used to write on a paper!

cite: 5th symphony of Beethoven has changed the music!

address:

atakan@durusoy.com

address:

Mecidiyeköy, İstanbul

ins & del: We are not trying to be the best IN the world, but the best FOR the world.

s: Discount: $200 now only $199

Ordered Lists
  1. Sentence A
  2. Sentence B
  3. Sentence C

Unordered Lists
Defination Lists
Football
A game that is played all around the world. A ball and totally 22 players are neeed.
Basketball
One of the most popular games aroung the world. NBA is the most famous league for basketball.

Nested Lists
LINKS
IMDB
link in the site
IMBD opens in new window
Sayfa Başına Git

IMAGES

Hover your mouse over the image below, to see the title.

A joyfull girl is jumping

width and height attributes are used below:

Girlfriends having fun in front of a yellow wall

An old movie machineHere is a sample to place image

Here is a sample to place imageAn old movie machine

left: Here we will use left attribute. But keep in mind that left attribute is not valid for HTML5. It is valid in older HTML versions. For HTML5 you need to allign the image by using CSS


right: Here we will use right attribute. But keep in mind that right attribute is not valid for HTML5. It is valid in older HTML versions. For HTML5 you need to allign the image by using CSS



figure and figcaption tells us that the image and the text are associated. And note that it gives an indent to the image and text together.

Fenerbahce football players celabrating a goal
We are looking forward to seeing that days again.
Fenerbahce football players celabrating a goal

We are looking forward to seeing that days again.

TABLES

C1 C2 C3
R1 A1 A2 A3
R2 B1 B2 B3

Table Headers are generated bold and in the middle as default.


Spannning Columns

09:00 10:00 11:00 12:00
Monday Math Geometry
Tuesday Philosophy Geography History

Spanning Rows

ABC BBC CNN
6-7 pm Movie Comedy News
7-8 pm Sport Current Affairs



Long Tables: They have header, body and footer in it.

Date Income Expenditure
01.01.2019 100$ 80$
02.01.2019 105$ 60$
03.01.2019 90$ 75$
04.01.2019 120$ 85$
05.01.2019 110$ 90$
06.01.2019 130$ 105$
07.01.2019 115$ 140$
08.01.2019 95$ 60$
09.01.2019 115$ 50$
10.01.2019 125$ 75$
1105$ 820$

FORMS

Username:

Password:

What did you think of this gig?

Please select your favorite genre:
Rock Pop Jazz

Please select your favorite music service(s):
iTunes Last.fm Spotify

What device do you listen to music on?

Do you play any of the following instruments? (You can select more than one option by holding down control on a PC or command key on a Mac while selecting different options.)


Upload your song in MP3 format:

Subscribe to our email list:

Subscribe to our email list:


Label

I did not understand that part very clearly but I can say that label should be used for vision-impaired users. It can be used in two different ways. One as seen below text sample as whole. And the other is seperately as seen below in radio sample. When we use label seperately, we must use for attributes as well.




Gender:

Grouping Elements

Contact Details


Validation : When pressing Submit button "Fill out this field" note appears.



Safari does not support date type input. Although Chrome does!


e-mail and url

Please enter your e-mail

Please enter your web addres


Search

Search:

iframe

By using iframe we can put another webpage into our webpage, in a box.


Escape Carecters

< < > £ & ¢ € © ™ × ÷

Flash Animation

I have really no idea how that flash video JavaScript runs. In facti it did not run at all. Anyways, lets just keep it here in case I need the code later...

Adding a Flash Movie

An animation of a bird taking a shower

Adding a Flash Video

A video of a puppy playing in the snow

Add video to your page!

u

we can write underlined texts by using a element