 |
| Podstawowy szkielet strony (elementy obowiązkowe) uwaga: element title nie może być pust |
Hipertekst – organizacja danych w postaci niezależnych fragmentów połączonych hiperłączami.
Zadania (1. sprawdzian):
- https://egzamin-e14.blogspot.com/search/label/HTML[1]
- https://egzamin-ee09.blogspot.com/search/label/HTML[1]
- https://egzamin-inf03.blogspot.com/search/label/HTML[1]
Przykład interaktywny 1. Elementy podstawowe
Elementy struktury strony:
<html>- element główny<body>- zawartość strony<head>- nagłówek dokumentu<link>- link<meta charset name content>- metainformacje (atrybut name określa typ informacji np. wartość: description określa opis strony, keywords - słowa kluczowe - określone w atrybuciecontent;charset="UTF-8"- deklaruje zalecane kodowanie znakówUTF-8)<title>- tytuł dokumentu
- <!DOCTYPE HTML> - deklaracja typu dokumentu (wersja 5 i kolejne)
- Kody i encje (np. < oznacza <)
- Kodowanie znaków <meta charset="utf-8">
Więcej na:
- Karta: http://plotkarka.eu/KP/strona.html
- Plansza: http://plotkarka.eu/PI/html5/strona.html
- Gra: http://plotkarka.eu/gry/losowy_validator.html
Elementy blokowe
Struktura tekstu:<blockquote>- cytat blokowy<dl>- lista definicji<hr>- linia<h1>,<h2>,...,<h6>- nagłówki tekstu<li>- pozycja listy uporządkowanej lub nieuporządkowanej<ol type start>- lista numerowana, atrybut type (typ listy, np. wartość "A" oznacza wyliczenie alfabetyczne z dużych liter), atrybut start (licznik listy, domyślnie 1)<p>- akapit<pre>- tekst preformatowany<ul>- lista wypunktowana
<article>- artykuł<aside>- zakładka strony<div id class>- grupa elementów (często określona przez atrybut id - identyfikator lub class - klasa elementu)<footer>- stopka strony<header>- nagłówek strony<main>- część główna strony<nav>- nawigacja strony<section>- sekcja strony
Elementy liniowe
<a href rel target>- hiperłącze (atrybut href definiuje adres docelowego zasobu, umożliwia również przewijanie strony do elementu z określonym identyfikatorem, wykorzystujemy wtedy znak #, target określa docelowe okno, np. wartość _blank odpowiada za załadowanie strony do nowego okna lub karty)<abbr title><b>- pogrubienie<br>- podział wiersza<code>- kod<em>- emfaza (wyróżnienie)<i>- kursywa<ins>- tekst dodawany<mark>- wyróżnienie (marker)<s>- przekreślenie<small>- tekst pomniejszony<span>- grupa elementów liniowych<strong>- wyróżnienie<sub>- indeks dolny<sup>- indeks górny
