Najnowsze tutoriale tworzenie stron internetowych

Przykłady HTML


HTML Basic

dokument HTML
nagłówki HTML
akapity HTML
linki HTML
obrazy HTML

Przykłady wyjaśnione


HTML Attributes

Tytułowy atrybut title
Href atrybutu href
Szerokość i wysokość atrybuty
Alt atrybut alt
Atrybut bez cudzysłowów
Atrybut bez cudzysłowów nie pracują

Przykłady wyjaśnione


HTML Headings

nagłówki HTML
HTML zasady horyzontalne
głowica HTML

Przykłady wyjaśnione


HTML Paragraphs

akapity HTML
Więcej akapitów HTML
Zastosowanie linii przerw w HTML
Problemy Poem (some problems with HTML formatting)
Jak kontrolować podziały wiersza i spacje z <pre> tag

Przykłady wyjaśnione


HTML Styles

style HTML
HTML kolor tła
HTML kolor tekstu
Czcionki tekstu HTML
HTML rozmiar tekstu
HTML wyrównanie tekstu

Przykłady wyjaśnione


HTML Text Formatting

Pogrubienie użyciu <b> elementu
Silne formatowanie przy użyciu <strong> elementu
Kursywę za pomocą <i> elementu
Podkreślił formatowanie przy użyciu <em> elementu
Małe formatowanie przy użyciu <small> elementu
Formatowanie wyraźny pomocą <mark> elementu
Oznaczono usunięte przy użyciu <del> elementu
Oznaczone wstawione za pomocą <ins> elementu
Oznaczone usunięte i włożona za pomocą <del> i <ins>
Formatowanie dolny pomocą <sub> elementu
Formatowanie górny pomocą <sup> elementu

Przykłady wyjaśnione


HTML Quotations and Citations

Formatowanie krótkie cytaty z <q> elementu.
Formatowanie cytowane fragmenty z <blockquote> elementu.
Dokument formatowania informacji autor / właściciel z <address> elementu
Skróty i akronimy formatowania z <abbr> elementu
Formatowanie tytuł pracy z <cite> elementu
Formatowanie tekstu kierunek z <bdo> elementu

Przykłady wyjaśnione


HTML Computercode Elements

Formatowanie klawiatura pomocą <kbd> elementu
Formatowanie wyjściowe komputera za pomocą <samp> elementu
Kod programowania formatowanie przy użyciu <code> elementu
Kod programowania formatowania konserwujący białe znaki i łamanie wierszy
Zmienna formatowanie przy użyciu <var> elementu

Przykłady wyjaśnione


HTML Comments

ukryte komentarze
warunkowe komentarze
Komentarze do debugowania

Przykłady wyjaśnione


HTML CSS

HTML z CSS inline
HTML z wewnętrznym CSS
HTML z zewnętrznego CSS
HTML CSS z czcionkami
HTML z CSS za pomocą id atrybutu
HTML z CSS za pomocą class atrybutu
Granice HTML i CSS
HTML i CSS wyściółka
HTML i CSS margines
HTML i CSS pełne demo

Przykłady wyjaśnione


HTML Links

Łączenie, stosując bezwzględny adres URL
Łączenie przy użyciu względny adres URL
Zmiana koloru linków
Zdejmowanie podkreślenie z linkami
Zmiana docelowy łącza
Obraz jako link
Tworzenie łącza zakładek
Link, który zrywa z ramką
Mailto Link
Link mailto z tematu

Przykłady wyjaśnione


HTML Images

Góra
O wysokości i szerokości obrazu za pomocą atrybutów
O wysokości i szerokości obrazu za pomocą CSS
O wysokości i szerokości obrazu przy użyciu zarówno
Obraz w innym folderze
Obraz ze złamanym linkiem
Obraz na innym serwerze
Używanie obrazu jako link
Poruszający obraz
Mapa obrazu z regionów klikalne
Ruchomy obraz

Przykłady wyjaśnione


HTML Tables

Podstawowe tabele HTML
Tabela z granicami
Tabela z granicami zwiniętych
Tabela z wypełnieniem komórkowym
Tabela z nagłówkami
Tabela z nagłówkami wyrównany do lewej
Poziomo / pionowo Nagłówki tabeli
Tabela z podpisem
Komórki tabeli, które obejmują więcej niż jedną kolumnę
Komórki tabeli, które obejmują więcej niż jeden rząd
Tabela z odstępem komórkowej
Tabela z wewnątrz znaczników HTML
Stoły z innym stylu wykorzystujące id I
Stoły z innym stylu, używając identyfikatora II
Stoły z innym stylu, przy użyciu klasy I
Stoły z innym stylu przy użyciu klasy II

Przykłady wyjaśnione


HTML Lists

Nieuporządkowana lista (default)
Nieuporządkowana lista kulami tarczowymi
Nieuporządkowana lista z okręgu kul
Nieuporządkowana lista kulami kwadratowych
Nieuporządkowana lista bez kul
Uporządkowana lista (default)
Uporządkowana lista z numerami
Uporządkowana lista z literami
Uporządkowana lista z małych liter
Uporządkowana lista z numerami rzymskimi
Uporządkowana lista z małymi liczbami rzymskimi
Lista opis
I lista zagnieżdżona
Lista zagnieżdżona II
Lista pozioma
Menu lista pozioma

Przykłady wyjaśnione


HTML Block and inline elements

Stylizacji <div> elementy
Układania <span> Elementy

Przykłady wyjaśnione


HTML Classes

Classing <div> elementów I
Classing <div> elementy II
Classing <span> elementy

Przykłady wyjaśnione


HTML Layout

Układ użyciu <div> elementy
Układ z wykorzystaniem elementów semantycznych
Układ użyciu <table> elementy

Przykłady wyjaśnione


HTML IFrame

Rama inline (a frame inside an HTML page)

Przykłady wyjaśnione


HTML head Elements

Ważny dokument HTML bez <html> <body, and <head>
Ważny dokument HTML bez <head> elementu
<Title> element definiuje tytuł dokumentu <title>
<Style> element zawiera informacje stylu <style>
<Link> element definiuje relacji do zewnętrznego zasobu <link>
<Meta> element definiuje specjalne informacje meta <meta>
<Script> element definiuje JavaScripts po stronie klienta <script>
<Base> element definiuje adres bazowy dla wszystkich adresów URL <base>

Przykłady wyjaśnione


HTML Scripts

Wstawianie skryptu
Zastosowanie <noscript> tag

Przykłady wyjaśnione


HTML Forms

Postać z wprowadzania tekstu
Postać z wejściem przycisku radiowego
Postać z pól tekstowych i przycisk Prześlij
Formularz z pól tekstowych bez atrybutu name
Grupowanie danych formularza
Wyślij e-mail z formularza

Przykłady wyjaśnione


HTML Form Elements

Prosta lista rozwijana
Lista rozwijana z wcześniej wybranej wartości
Textarea (a multi-line text input field)
Przycisk wprowadzania
Korzystanie z <datalist> Element
Korzystanie z <keygen> Element
Korzystanie z <output> Element

Przykłady wyjaśnione


HTML Input Types

Input type text
Input type hasło
Input type radiowy
Input type wyboru
Przycisk input type
Numer Rodzaj wejścia - z ograniczeniami
Numer input type - ze stopniami
Input data type - z wyboru daty
Data input type - z ograniczeniami
Input type kolor - z próbnika kolorów
Zakres input type
Input type miesięcy
Input type tydzień
Czas input type
Input type datetime
Input type datetime-miejscowy
Input type email
Input type wyszukiwania
Input type tel
Input type url

Przykłady wyjaśnione


HTML Input Attributes

Autouzupełnianie atrybut autocomplete
Novalidate atrybut novalidate
autofocus_attribute
Forma atrybut form
Formaction atrybut formaction
Formenctype atrybut formenctype
Formmethod atrybut formmethod
Formnovalidate atrybut formnovalidate
Formtarget atrybut formtarget
Atrybuty wysokość i szerokość
Lista atrybut list
Min i max atrybuty
Wielokrotny atrybut multiple
Wzór atrybut pattern
Zastępczy atrybut placeholder
Wymagany atrybut required
Krok atrybut step

Przykłady wyjaśnione


HTML5 Canvas

Remis na płótnie z JavaScript
Narysować linię z lineTo()
Narysować okrąg z arc()
Rysowanie tekstu z fillText()
Rysowanie tekstu z strokeText()
Wyciągnąć liniowy gradient
Narysować okrągły gradientu
Narysować obraz za pomocą drawImage()

Przykłady wyjaśnione


HTML5 SVG

SVG Koło
SVG prostokątna
SVG Prostokąt zaokrąglony
Gwiazda SVG
SVG Logo

Przykłady wyjaśnione


HTML5 Media

Zagraj w Bunny
Graj niedźwiedzia wideo z kontroli
Graj niedźwiedzia wideo z autoodtwarzania
Odtwarzać dźwięk koń z kontroli

Przykłady wyjaśnione


HTML5 Geolocation

Uzyskaj współrzędne geolokalizacji
Obsługi błędów geolokalizacji
Uzyskaj geolokalizacji z mapą
Uzyskaj geolokalizacji ze skryptu mapy Google
Uzyskaj geolokalizacji i obserwować pozycję

Przykłady wyjaśnione


HTML5 Local Storage

Przechowywać nazwę na stałe
Przechowywać licznik na stałe
Przechowywać licznik dla jednej sesji

Przykłady wyjaśnione


More HTML5 Examples

HTML5 przeciągnij i upuść
HTML5 aplikacja cache
Pracownicy internetowych HTML5
HTML5 serwer wysłał wydarzenia