Zadanie 16
Opis znacznika DIV (jaki to element, składnia ->w ramce, zastosowanie, opis
treotyczny, atrybuty-> tylko wymień, opisz tylko ALIGN)
Znacznik DIV jest elementem blokowym, może zawierać wewnątrz siebie
zwykły tekst, jak również inne elementy blokowe. Został on pomyślany do tworzenia
obszerniejszych struktur. Składnia teoretyczna:
<div style="cecha: wartość; cecha2: wartość2...">...</div>
Opis znacznika SPAN (jaki to element, składnia ->w ramce, zastosowanie, opis
treotyczny)
Znacznik SPAN jest elementem liniowym, nie może zawierać elementów blokowych, ale może inne elementy wyświetlane w linii oraz zwykły tekst.
Może się on znajdowaćw środku DIV'a. Składnia teoretyczna:
<span style="cecha1: wartość1; cecha2: wartość2...">...</span>
Różnica między znacznikami DIV i SPAN.
Span'em wyodrębniamy elementy liniowe (najczęściej fragmenty tekstu) a divem blokowe
(blokowe elementy, większe fragmenty struktury składające się na układ strony)
Dodatkowo DIV domyślnie jest wyświetlany w bloku. Natomiast SPAN w linii.
Opisz oraz wymień elementy/tagi: 1)liniowe 2)blokowe 3)blokowo-liniowe.
- Elementy liniowe - nie spowodują przejścia do nowej linii, będą wyświetlać się obok siebie, w
jednej linii. Domyślnie, elementom liniowym przeglądarka ustawia właściwość "display" na
"inline".
Tagi/elementy: <span>, <em>, <strong>
- Elementy blokowe z kolei będą zachowywać się jak pudełka, które ustawiasz jeden pod
drugim, a więc nigdy nie wyświetlą się obok siebie. Domyślnie, elementom blokowym
przeglądarka ustawia właściwość "display" na "block".
tagi/elementy:<div>, <p>, <article>
- Elementy liniowo-blokowe z kolei będą zachowywać się jak liniowe, jeśli chodzi o
położenie (a więc wyświetlać będą się obok siebie), natomiast różnią się od nich tym, że
możesz nadać im różne wielkości. Ma to sens, np. <textarea> wyświetla się jako duży
prostokąt i zdecydowanie "wychodzi" poza pojedynczą linijkę tekstu. Domyślnie, elementom
liniowo blokowym przeglądarka ustawia właściwość "display" na "inline-block".
Tagi/elementy:<input>, <textarea>
Zadanie 17
Zadanie 18
Znacznik DIV(blok 1)-->Zajac
Element blokowy(DIV) jest elementem blokowym może zawierać wewnątrz siebie zwykły tekst, jak również inne elementy blokowe.
Został on pomyślany do tworzenia obszerniejszych struktur.
Zastosowanie DIV:
- Z div'a powinno się korzystać kiedy potrzebujemy wyodrębnić poszczególne bloki w układzie dokumentu, na przykład lewa kolumna, menu nawigacyjne, stopka.
- Słuzy do utworzenia sekcji(bloku) w pliku HTML w celu ich sformatowania za pomocą arkusza stylów CSS.
Znacznik SPAN(blok 2)-->14.02.2021r. godz.16:20
- Elementy wyświetlane w linii(SPAN) jest elementem liniowym nie mogą zawierać elementów blokowych, ale mogą inne elementy wyświetlane w linii oraz zwykły tekst.
- Jeśli chcemy w paragrafie część tekstu wyróżnić czerwonym kolorem, do wyodrębnienia tego tekstu nie możemy użyć elementu DIV(paragraf z zasady nie może zawierać elementów blokowych) tylko SPAN. Wewnątrz DIV można oczywiście wpisać również SPAN.
Różnica między znacznikami DIV i SPAN(blok 3)-->1P
- Span'em wyodrębniamy elementy liniowe(najczęsciej fragmenty tekstu) a divem blokowe elementy, większe fragmenty struktury składające się na układ strony.
- Dodatkowo DIV domyślnie jest wyświetlany w bloku. Natomiast SPAN w linii.
Zadanie 19
To jest pogrubienie w ramach DIV oraz SPAN i dlatego jest czerwone na żółtym tle,
a to jest zwykły tekst - również wewnątrz DIV i SPAN.
To jest zwykły tekst, ale tylko wewnątrz DIV - dlatego nie jest czerwony, ale ma żółte tło.
A to jest akapit (element blokowy) w ramach DIV.
To jest pogrubienie (element wyświetlany w linii) w ramach SPAN,
a to jest zwykły tekst - również wewnątrz span.
- Punkt pierwszy
- Punkt drugi
- Punkt trzeci
Zadanie 20
P jest kolorem pomarańczowym
wielkością 20 punktów
i czcionką Arial
nietyksza
I jest przekrzywione,
strike jest przekreślone,
u jest nadkreślone(nietyksza)
Nagłówek 1 poziomu(nietyksza)
- Punkt pierwszy
- punkt drugi
- Punkt trzeci
Zadanie 21
| Pojęcie | Znaczenie pojęcia uzupełnienia uczeń |
| Co to znaczy skrót ID? | Oznacza on "Identyfikator" |
| Jaki jest cel stosowania ID? | Celem jest zróżnicowane sformatowanie różnych elementów o tej samej nazwie w arkuszu styli. |
| Jakie jest znaczenie znaku # | Po znaku # w arkuszu styli zapisujemy id |
| Jak następuje wywołanie ID (wraz z wytłumaczeniem)? | Tworzy się id poprzez komendę id="" a wywoluje sie nią poprzez napisanie # po selektorze w arkuszu styli |
| Uwagi na temat stosowania ID (trzy) konieczne wyliczenia | - Id nie można powielać w danym dokumencie
- Można go używać ile razy sie chce.
- elementy w id muszą być unikatowe i nie mogą się powtarzać
|
Darmowy hosting zapewnia PRV.PL