HTML i CSS
Studied by 7 people
Knowt Play
Learn
Practice Test
Spaced Repetition
Match
Flashcards1/60
Earn XP
Description and Tags
po 30 znaczników + 2 definicji języków programowania. Z notatki powtórzeniuwej
Name | Mastery | Learn | Test | Matching | Spaced |
|---|
No study sessions yet.
61 Terms
HTML
(HyperText Markup Language)
To podstawowy język używany do tworzenia stron internetowych. Jego główną funkcją jest strukturyzowanie treści, umożliwiając przeglądarkom poprawne wyświetlenie tekstów, obrazów, linków i innych elementów. HTML jest językiem strukturalnym, co oznacza, że organizuje i nadaje znaczenie treści, ale nie zajmuję się jej wyglądem. Aby kontrolować wygląd strony, używa się CSS (Cascading Style Sheets), a interaktywność dodaje się za pomocą JavaScript.
<!DOCTYPE html>
deklaracja, informująca przeglądarkę, że dokument jest napisany w języku HTML5.
<html>
korzeń dokumentu HTML, zawiera cały kod HTML.
<head>
sekcja dokumentu, w której umieszcza się metadane, tytuł, skrypty, style itp.
<title>
definiuje tytuł dokumentu wyświetlany na karcie przeglądarki.
<link>
używany do łączenia zewnętrznych zasobów, takich jak arkusze stylów CSS.
<style>
sekcja pozwalająca na umieszczenie wewnętrznego arkusza stylów CSS.
<script>
umożliwia umieszczenie lub odwołanie się do zewnętrznych skryptów JavaScript.
<body>
główna część dokumentu HTML, w której znajdują się treści wyświetlane na stronie.
<h1> - <h6>
nagłówki od najwyższego (h1) do najniższego (h6) poziomu.
<p>
definiuje akapit tekstu.
<a>
tworzy hiperłącze do innych stron lub zasobów.
<img>
wstawia obraz do dokumentu.
<ul>
definiuje listę punktowaną (unordered list).
<ol>
definiuje listę numerowaną (ordered list).
<li>
element listy używany wewnątrz <ul> i <ol>.
<div>
ogólny kontener blokowy dla treści, często używany do grupowania elementów i stylizacji.
<span>
ogólny kontener liniowy. Używany do stylizacji części tekstu.
<table>
definiuje tabelę.
<tr>
definiuje wiersz tabeli (table row).
<td>
definiuje komórkę w wierszu tabeli (table data cell).
<th>
definiuje komórkę nagłówka w wierszu tabeli (table header cell).
<form>
tworzy formularz do wprowadzania danych przez użytkownika.
<input>
tworzy pole do wprowadzania danych w formularzu.
<button>
tworzy przycisk, który można kliknąć.
<label>
pokazuje tekst z kontrolką formularza.
<textarea>
tworzy pole tekstowe o wielu liniach do wprowadzania danych.
<select>
tworzy menu rozwijane.
<option>
definiuje opcję w menu <select>.
<footer>
definiuje stopkę dokumentu lub sekcji.
CSS
(Cascading Style Sheets)
To język służący do opisywania wyglądu i formatowania elementów na stronach internetowych. Dzięki CSS można kontrolować układ, kolory, czcionki, odstępy, rozmiary i inne aspekty wizualne HTML, oddzielając strukturę dokumentu.
color:
określa kolor elementu
font-size:
definiuje rozmiar czcionki tekstu
font-family:
określa czcionkę lub rodzinę cionek, która ma być używana do tekstu.
font-weight:
ustawia grubość czcionki, np. “normal”, “bold”, “bolder” lub jako liczby (np. 400, 700).
font-style:
umożliwia ustawienie stylu czcionki, np. “normal”, “italic”, “oblique”
text-align:
określa wyrównanie tekstu wewnątrz elementu, np. “left”, “right”, “center”, "justify".
text-decoration:
ustawia dekoracje tekstu, np. “underline”, “line-through”, “none”.
line-height:
określa wysokości linii tekstu, co wpływa na odstęp między liniami tekstu.
margin:
ustawia zewnętrzny odstęp (margines) wokół elementu.
padding:
określa wewnętrzny odstęp (wypełnienie) wewnątrz elementu.
border:
definiuje obramowanie wokół elementu, w tym jego szerokość, styl i kolor.
width:
ustawia szerokość elementu.
height:
określa wysokość elementu.
display:
kontroluje sposób wyświetlania elementu, np. “block”, “inline”, “inline-block”, “flex”, “grid”, “none”.
position:
ustawia sposób pozycjonowania elementu na stronie, np. “static”, "relative", “absolute”, "fixed", "sticky".
top:, right:, bottom:, left:
określa położenie elementu względem jego kontenera w przypadku użycia pozycji “relative”, “absolute”, "fixed" lub "sticky".
float:
pozwala przesunąć element w lewo lub w prawo, powodując, że inne elementy będą go opływać.
clear:
kontroluje, po której stronie elementy nie będą pływać obok innych elementów (stosowane po “float”).
overflow:
określa, co się dzieje, gdy zawartość elementu wykracza poza jego obszar, np. “visible”, “hidden”, “scroll”, “auto”.
visibility:
ustawia widoczność elementu, np. “visible”, “hidden”.
z-index:
kontroluje kolejność warstw (przód-tył) dla elementów pozycjonowanych.
background-color:
ustawia kolor tła elementu
background-image:
ustawia obraz jako tło elementu.
background-size:
określa rozmiar obrazu tła, np. “cover”, “contain”, specyficzne wartości.
background-repeat:
kontroluje powtarzanie się obrazu tła, np. “repeat”, “no-repeat”, “repeat-x”, “repeat-y”.
background-position:
ustawia pozycję początkową obrazu tła w elemencie.
opacity:
określa przezroczystość elementu, w skali od 0 (całkowicie przezroczysty) do 1 (całkowicie nieprzezroczysty).
box-shadow:
dodaje cień do elementu.
border-radius:
ustawia zaokrąglenie rogów elementu.
transicion:
definiuje efekty przejście między stanami elementu, np. czas trwania i właściwości do animowania.