Forum | Najnowsze tutoriale tworzenie stron internetowych

HTML Przykłady


HTML Podstawowe

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

Przykłady przedstawione


Atrybuty HTML

Atrybut title
Atrybut href
Szerokość i wysokość atrybuty
Atrybut alt
Atrybut bez cudzysłowów
Atrybut bez cudzysłowów nie pracują

Przykłady przedstawione


Nagłówki HTML

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

Przykłady przedstawione


HTML Paragrafy

akapity HTML
Więcej akapity HTML
Korzystanie z linii przerw w HTML
Problemy Poem (pewne problemy z formatowaniem HTML)
Jak kontrolować podziały wiersza i spacje z <pre> tagu

Przykłady przedstawione


Style HTML

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

Przykłady przedstawione


HTML formatowanie tekstu

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 usunąć za pomocą <del> elementu
Oznaczone wstawiony za pomocą <ins> elementu
Oznaczone usunięte i wstawione przy użyciu <del> i <ins>
Formatowanie indeks używając <sub> elementu
Formatowanie górny pomocą <sup> elementu

Przykłady przedstawione


Notowania HTML i cytaty

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

Przykłady przedstawione


Elementy HTML Computercode

Formatowanie klawiatura pomocą <kbd> elementu
Formatowanie wyjściowe komputera za pomocą <samp> elementu
Programowanie kodu formatowanie przy użyciu <code> elementu
Programowanie kodu formatowania, zachowując odstępy i łamanie wierszy
Zmienna formatowanie przy użyciu <var> elementu

Przykłady przedstawione


Komentarze HTML

ukryte komentarze
warunkowe komentarze
Komentarze do debugowania

Przykłady przedstawione


HTML CSS

HTML z CSS inline
HTML z wewnętrznym CSS
HTML z zewnętrznego CSS
HTML z CSS czcionki
HTML z CSS za pomocą atrybutu id
HTML z CSS za pomocą atrybutu class
Granice HTML i CSS
HTML i CSS dopełnienie
HTML i CSS margines
HTML i CSS pełne demo

Przykłady przedstawione


HTML Linki

Łą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 wybucha z ramy
Mailto łącza
Link mailto z tematem

Przykłady przedstawione


Obrazy w formacie HTML

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 za pomocą 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 regionami klikalne
Ruchomy obraz

Przykłady przedstawione


Tabele HTML

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ępami komórek
Tabela z wewnątrz znaczników HTML
Tabele z innym stylu, przy użyciu identyfikatora I
Tabele z innym stylu, używając identyfikatora II
Tabele z innym stylu, przy użyciu klasy I
Tabele z innym stylu, używając klasy II

Przykłady przedstawione


Listy HTML

Nieuporządkowana lista (domyślnie)
Nieuporządkowana lista kulami tarczowych
Nieuporządkowana lista z okręgu kul
Nieuporządkowana lista kulami kwadratowych
Nieuporządkowana lista bez kul
Uporządkowana lista (domyślnie)
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
Lista menu poziome

Przykłady przedstawione


Blok HTML oraz elementy inline

Stylizacja <div> elementy
Stylizacja <span> Elementy

Przykłady przedstawione


Klasy HTML

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

Przykłady przedstawione


Układ HTML

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

Przykłady przedstawione


HTML IFrame

Rama Inline (ramka wewnątrz strony HTML)

Przykłady przedstawione


Elementy HTML głowy

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 o stylach <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 przedstawione


Skrypty HTML

Wstawianie skryptu
Zastosowanie <noscript> tagu

Przykłady przedstawione


Formularze

Formularz 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 przedstawione


HTML Form Elements

Prosta lista rozwijana
Lista rozwijana z wstępnie wybranej wartości
Textarea (pole wprowadzania tekstu multi-line)
Przycisk wprowadzania
Używając <datalist> Element
Używając <keygen> Element
Używając <output> Element

Przykłady przedstawione


HTML Typy wejść

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

Przykłady przedstawione


Atrybuty HTML wejściowe

Atrybut autouzupełnianie
Atrybut novalidate
autofocus_attribute
Atrybut formą
Atrybut formaction
Atrybut formenctype
Atrybut formmethod
Atrybut formnovalidate
Atrybut formtarget
Atrybuty wysokość i szerokość
Atrybut lista
MIN i MAX atrybuty
Atrybut stwardnienie
Atrybut wzór
Atrybut zastępczy
Wymagany atrybut
Atrybut krokiem

Przykłady przedstawione


HTML5 Canvas

Remis na płótnie z javascript
Narysuj linię lineTo ()
Narysuj okrąg z łuku ()
Rysowanie tekstu z fillText ()
Rysowanie tekstu z strokeText ()
Narysuj gradient liniowy
Narysuj okrężnego gradientu
Narysuj obraz z drawImage ()

Przykłady przedstawione


HTML5 SVG

SVG Okrąg
SVG prostokątna
SVG Prostokąt zaokrąglony
SVG Gwiazda
SVG Logo

Przykłady przedstawione


HTML5 mediów

Zagraj w Bunny
Graj niedźwiedzia wideo z kontroli
Graj niedźwiedzia wideo z autoodtwarzanie
Odtwórz dźwięk koń z kontrolami

Przykłady przedstawione


HTML5 Geolokalizacja

Pobierz 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 przedstawione


HTML5 Local Storage

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

Przykłady przedstawione


Więcej HTML5 Przykłady

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