Wszystko o pociągach

TEXT

Szybkie pociągi pasażerskie

Wiadomości dostępne na:

www.onet.pl

Skocz bezpośrednio do określonego miejsca tutaj

Skocz do określonego miejsca na innej stronie

I am a programmer (wyświetla tooltip)

I will go on the holidays

Jadę na wycieczkę

Idę do lasu

Płynę statkiem

To jest id "JamesBond"

To jest klasa "Boston"

Lista najszybszych pociągów:

Fragment tekstu, który jest pogrubiony albo ukośny albo malutkie literki

Tekst podświetlony Tekst ~~usunięty~~ Tekst dodany w zdaniu. A to Informacja w _przypisie lub ^{na górze} w zdaniu.

A to fragment wielkiego cytatu ze sławnej powieści Toma Cruise'a.

A to bardzo duży cytat z ważnej książki:

Senne miasteczko położone na malowniczej nowozelandzkiej wyspie ma tanie domy, wysoko płatne miejsca pracy.

"strong" element indicates, that its content has strong importance
"em" element indicates emphasis, that subtly changes the meaning of a sentence

"Prof" - abbreviation - najedź myszką na "Prof"

A Brief History of Time - cite - when u are referencing a piece of work such as a book, film, research paper

A black hole - Definition - the first time you explain some new terminology

~~Something, that is no longer accurate or relevant (but that should not be deleted)~~

homer@example.org

Obraz Edward Köhler z Pixabay

Widoczna na zdjęciu zorza świeci głównie w ultrafiolecie.

EM CHECK - Widoczna na zdjęciu zorza świeci głównie w ultrafiolecie.

Normalna 16 - Standardowa czcionka.

Bold - Widoczna na zdjęciu zorza świeci głównie w ultrafiolecie.

Widoczna na zdjęciu zorza świeci głównie w ultrafiolecie.

Left - Teleskop Hubble’a przesłał nowe zdjęcia zorzy tworzącej się wokół bieguna Jowisza.

Center - Teleskop Hubble’a przesłał nowe zdjęcia zorzy tworzącej się wokół bieguna Jowisza.

Right - Teleskop Hubble’a przesłał nowe zdjęcia zorzy tworzącej się wokół bieguna Jowisza.

Fragment jakiejś długiej opowieści

Widoczna na zdjęciu zorza świeci głównie w ultrafiolecie.

Zjawisko pojawia się, gdy rozpędzone w polu magnetycznym cząstki zderzają się z atmosferą Jowisza i pobudzają gaz do świecenia. Na Ziemi to zjawisko pojawia się gdy aktywność Słońca rośnie i w naszą planetę trafia strumień cząstek wiatru słonecznego.

Widoczna na zdjęciu zorza świeci głównie w ultrafiolecie.

Jednak Jowisz ma tak silne pole magnetyczne, że wychwytuje z przestrzeni wiele drobin,
w tym materiał wyrzucany przez jego księżyce.

1. Olbrzymie są też zorze polarne, które w dodatku nigdy nie przestają świecić.

2. Olbrzymie są też zorze polarne, które w dodatku nigdy nie przestają świecić.

3. Olbrzymie są też zorze polarne, które w dodatku nigdy nie przestają świecić.

4. Olbrzymie są też zorze polarne, które w dodatku nigdy nie przestają świecić.

Olbrzymie są też zorze polarne, które w dodatku nigdy nie przestają świecić (vertical-align: 50%).

Tekst

Tekst Tekst

Tekst

Obraz Alexas_Fotos z Pixabay

Hej ho !! Hej ho !!wewnątrz div "vertical-align" nie działa

LISTS

Block-level Elements
Block-level Elements Sun
Block-level Elements 12
Block-level Elements Race
Potop Szwedzki
Lot w kosmos
Lot w kosmos 777
Bieg w kosmos
Bieg w kosmos 33
Spacer po plaży
Inside
Outside - domyślnie
Wszystkie 3 komendy w 1 linijce

Najważniejsze wydarzenia w historii nowożytnej:

Block-level Elements:
Potop Szwedzki
Lot w kosmos

Mousses
Pastries
- Wcięcia mają automatycznie inny bullet
- Mille-feuille
- Palmier
- Profiterole
Tamts

TABLES

Lista pociągów
Informacje
Numer	Nazwa	Szybkość
354	PKP-TLK	125 km/h
154	TGV	225 km/h
99x54	Sapporo	323 km/h

Table 6-1: HTML Markup Structure and Sequence
Table Markup Explained
Element	Description
table	overall table container
caption	table caption text
tbody	table body container
tfoot	table footer container
Element	Description

1
2	3	4
		5	6
7

Time Sheet
Day	Hours
Monday	4
Tuesday	3
Wednesday	5
Thursday	3
Friday	3
Total	18

FORMS

MULTIMEDIA

Aloha to all !!!

Music: https://www.bensound.com

CSS - TEXT

1. This is some long text that will not fit in the box

2. This is some long text that will not fit in the box

3. This is some long text that will not fit in the box

4. This is some long text that will not fit in the box

5. This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will break and wrap to the next line.

6. This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will break and wrap to the next line.

7. This paragraph contains some text. This line will-break-at-hyphens.

8. This paragraph contains some text. The lines will break at any character.

POSITIONING

I am horizontally centered - element block wewnątrz block => margin: auto

I am horizontally centered - element inline wewnątrz block => text align: center

An example of how to align elements with the float property

An example of how to right align elements with the position property

Obraz Peter H z Pixabay

Obraz Free-Photos z Pixabay

Pola obok siebie - metoda "float"

Pola obok siebie - metoda "display: inline-block" (lepsze, ale tutaj nie ma text wrap)

This property specifies whether to clip content or to add scrollbars when an element's content is too big to fit in a specified area. This property specifies whether to clip content or to add scrollbars when an element's content is too big to fit in a specified area. This property specifies whether to clip content or to add scrollbars when an element's content is too big to fit in a specified area. This property specifies whether to clip content or to add scrollbars when an element's content is too big to fit in a specified area. This property specifies whether to clip content or to add scrollbars when an element's content is too big to fit in a specified area. This property specifies whether to clip content or to add scrollbars when an element's content is too big to fit in a specified area.

Obraz Thomas B. z Pixabay

This property specifies whether to clip content / add scrollbars when an element's content is too big to fit in a specified area. This property specifies whether to clip content or to add scrollbars when an element's content is too big to fit in a specified area. This property specifies whether to clip content or to add scrollbars when an element's content is too big to fit in a specified area. This property specifies whether to clip content or to add scrollbars when an element's content is too big to fit in a specified area. This property specifies whether to clip content or to add scrollbars when an element's content is too big to fit in a specified area. This property specifies whether to clip content or to add scrollbars when an element's content is too big to fit in a specified area.

This div element has position: static; max-width i FAJNY KURSOR CZEKAJĄCY

This div is positioned relative to its normal position

This div element has position: absolute;

Obraz Pat_Scrap z Pixabay

opcja 1 - "width"

Dużo opisu opcji 1 - "max width"

opcja 2 - "width: %"

Dużo opisu opcji 2 - "width: %"

FLEXBOX

display: flex (block-level element - zajmuje cały wiersz)

Flex 5

Flex 2

Flex 3

Flex 4

Flex 5

display: inline-flex (inline element - zajmuje tylko kawałek wiersza)

Flex 1

Flex 2

Flex 3

Flex 4

Flex 5

flex-direction: column

Flex 1

Flex 2

Flex 3

Flex 4

Flex 5

flex-wrap: wrap

Flex 1

Flex 2

Flex 3

Flex 4

Flex 5

justify-content: space-around

Flex 1

Flex 2

Flex 3

Flex 4

Flex 5

align-items: center

Flex 1

Flex 2

Flex 3

Flex 4

Flex 5

align-content: space-around

Flex 1

Flex 2

Flex 3

Flex 4

Flex 5

Flex 6

Flex 7

margin: auto

Flex 1

Flex 2

Flex 3

Flex 4

Flex 5

align-self: center

Flex 1

Flex 2

Flex 3

Flex 4

Flex 5

flex: liczba

Flex 1

Flex 2

Flex 3

Flex 4

Flex 5

BACKGROUND

ZMIANA WYMIARÓW OBRAZU:

original image (cały):

background-size: %

background-size: cover

background-size: contain

Obraz Free-Photos z Pixabay Obraz croisy z Pixabay Obraz adamkontor z Pixabay

PRZYCINANIE OBRAZU:

background-origin: border-box
background-clip: border-box (d)

background-origin: border-box
background-clip: padding-box

background-origin: border-box
background-clip: content-box

background-origin: padding-box (d)
background-clip: border-box (d)

background-origin: padding-box (d)
background-clip: padding-box

background-origin: padding-box (d)
background-clip: content-box

background-origin: content-box
background-clip: border-box (d)

background-origin: content-box
background-clip: padding-box

background-origin: content-box
background-clip: content-box

GRADIENTS

BUTTONS

a - link

a - link

Pociągi osobowe Pociągi ekspresowe

=> Wskazówka ? najedź myszką <=

Oto dokładna mapa =>

Wiadomość

Informacja dodatkowa

MENUS

Link 1 Link 2 Link 3

Historia japońskich pociągów

Pociągi ekspresowe

Strona główna
Wiadomości
Kontakt
O mnie

Strona główna
Wiadomości
Kontakt
O mnie

IMAGES

responsive image

Obraz MustangJoe z Pixabay Obraz Sasin Tipchai z Pixabay Obraz Pexels z Pixabay

TRANSFORM, TRANSITION, ANIMATION

prostokącik w ruchu

1. The translate() method moves an element from its current position.

2. The translate() method moves an element from its current position.

3. The translate() method moves an element from its current position.

4. The translate() method moves an element from its current position.

5. The translate() method moves an element from its current position.

6. The translate() method moves an element from its current position.

7. The translate() method moves an element from its current position.

A. The translate() method moves an element from its current position.

B. The translate() method moves an element from its current position.

C. The translate() method moves an element from its current position.

CANVAS