NEW
Font size
WorksheetsHTML i CSS - podstawowe znaczniki
Total questions: 34
Worksheet time: 19mins
Akapit
<br>
<b>
<div>
<p>
Wyróżnienie tekstu
<a>
<strong>
<p>
<span>
Podkreślenie tekstu
<u>
<b>
<em>
<h2>
Wstawienie grafiki
<img href="nazwa.rozszerzenie">
<img src="nazwa.rozszerzenie">
<a href="nazwa.rozszerzenie">
<a src="nazwa.rozszerzenie">
Efekt tekstu pochylonego
<h2>
<u>
<em>
<b>
Efekt tekstu wytłuszczonego
<a>
<i>
<em>
<b>
Przejście do nowej linii w obrębie akapitu
<p>
<h2>
<div>
<br>
Efekt tekstu pochylonego
<i>
<a>
<b>
<sub>
Tekst pisany w indeksie górnym
<sub>
<b>
<sup>
<i>
Tworzenie linku
<a src="adresstrony">Tekst na który klikamy</a>
<url src="adresstrony">Tekst na który klikamy</a>
<a href="adresstrony">Tekst na który klikamy</a>
<a url="adresstrony">Tekst na który klikamy</a>
Nowy box (pojemnik, kontener) na stronie
<span id=" ">
<div id=" ">
<p id=" ">
<p class=" ">
Tworzenie nagłówka
<p>
<h2>
<b>
<strong>
Przypisanie elementowi klasy "nazwa"
<element class="nazwa">
<element class:"nazwa">
<element class-"nazwa">
<element class:="nazwa">
Odwołanie do identyfikatora elementu w stylach poprzedzamy znakiem:
.
-
<>
#
Odwołanie do nazwy klasy w stylach poprzedzamy znakiem
:
<>
#
.
Tekst pisany w indeksie dolnym to:
<sub>
<sup>
<super>
<strong>
Listę numerowaną możemy utworzyć poprzez znacznik
<ol>
<ul>
<li>
<option>
Listę wypunktowaną możemy wykonać poprzez
<ol>
<li>
<strong>
<ul>
Pozycję kolejnych elementów na liście numerowanej lub wypunktowanej określamy znacznikiem:
<ol>
<ul>
<li>
<h2>
Rozmiar czcionki w stylach to:
font-family
text-size
font-size
padding
Zmiana koloru w stylach to:
kolor
colour
color
font-colour
margines wewnętrzny lewy
padding-left
margin-left
left-margin
left-padding
margines wewnętrzny dolny
margin-bottom
bottom-margin
padding-bottom
bottom-padding
margines zewnętrzny górny
padding-top
top-padding
top-margin
margin-top
margines zewnętrzny prawy
margin-right
padding-right
right-padding
right-margin
Krój czcionki możemy określić poprzez
font-size
font-family
family
text-family
Kolor tła strony
background
background-image
background-color
background-size
Obrazek tła możemy dodać poprzez
background-image: src('nazwa.rozszerzenie');
background: url('nazwa.rozszerzenie');
background: src('nazwa.rozszerzenie');
background-image: url('nazwa.rozszerzenie');
margin: auto
wyrównanie tekstu na stronie
wyrównanie pojemnika na stronie
automatyczne ustawienie marginesów na 0
minimalizacja marginesów
wyrównanie (do środka) tekstu na stronie
text-align: center;
font-align: center;
margin: auto;
float: center;
Zmiana rozmiaru czcionki
tekst-size:
text-size:
font-size:
float-size:
Tzw. "elementy pływające" wyrównane do lewej strony
clear: left;
auto: left;
margin: left;
float: left;
Obustronne zakończenie elementów pływających to:
both: clear;
clear: both;
float: both;
both: clear;
Zmianę symbolu na liście wypunktowanej możemy dokonać poprzez właściwość:
list-type-style
type-style-list
list-style-type
style-list-type
