Lekcje 2023: HTML i CSS (do sprawdzianu)

Jezyk znaczników HTML jest podstawowym narzędziem do przygotowania stron WWW.

Podstawowe znaczniki języka HTML:

Znacznik Opis

<!DOCTYPE html> Typ dokumentu

<html></html> Dokument HTML

<head></head> Informacje o dokumencie

<title></title> Tytuł dokumentu

<body></body> Ciało dokumentu

<h1> do <h6></h1> do</h6> Nagłówki HTML

<p></p> Paragraf/Akapit

<strong></strong> Pogrubienie liter

<em></em> Pochylenie liter

<br> Przejście do nowej linii

<hr> Linia pozioma

<img src=”adres URL”> Obraz

Listy

Lista numerowana

<ol>

<li>element listy uporządkowanej</li>

</ol>

np.

Poniedziałek
Wtorek
Środa

Lista punktowana

<ul>

<li>element listy nieuporządkowanej</li>

</ul>

np.

Poniedziałek
Wtorek
Środa

Link do strony zewnętrznej

<a target="_blank" href="URL">Link do strony</a>

np.:

<a target="_blank" href="https://lekcje2023.blogspot.com/">Link do strony</a>

Na stronie widać:

Link do strony

Tabela

<table>

<tr> <td>Imię</td><td>Nazwisko</td><td>Klasa</td></tr>

<tr> <td>Maria</td><td>Nowak</td><td>8f</td></tr>

</table>

CSS (Kaskadowe arkusze stylów)

Arkusz stylów składa się z reguł określających styl dla wybranych elementów dokumentu HTML. Reguła składa się z selektora oraz deklaracji. Selektor określa grupę elementów (rzadziej pojedynczy element), którego ma dotyczyć deklaracja. Deklaracja określa formatowanie i składa się z nazwy jednej z właściwości i jej wartości napisanej po dwukropku. Deklaracja musi być otoczona nawiasami klamrowymi.

według konkretnego pojedynczego znacznika (nazwa znacznika)

h2 {

color: rgb(135, 63, 39);

}

body {

background-color: rgb(202, 212, 200);

}

według id konkretnego znacznika (id=" ")

#nazwa id{

color: rgb(255, 255, 0);

}

według klasy znaczników (class=" ")

.nazwa klasy {

background-color: rgb(255, 255, 0);

}

</style>

</head>

Paleta kolorów RGB

Tabela kodów kolorów RGB

Lekcje 2023

środa, 10 maja 2023

HTML i CSS (do sprawdzianu)

Brak komentarzy:

Prześlij komentarz