Ultimele tutoriale de dezvoltare web

HTML Exemple


HTML Basic

document HTML
HTML rubrici
paragrafele HTML
Link - uri HTML
imagini HTML

Exemplele explicate


HTML Attributes

Titlu atribut title
Href Atributul href
Lățimea și înălțimea atributele
Alt atribut alt
Atribut fără ghilimele
Atribut fără ghilimele nu funcționează

Exemplele explicate


HTML Headings

HTML rubrici
Norme orizontale HTML
cap HTML

Exemplele explicate


HTML Paragraphs

paragrafele HTML
Mai multe paragrafe HTML
Folosirea liniei break in HTML
Probleme Poem (some problems with HTML formatting)
Cum de a controla pauzele și spațiile de linie cu <pre> tag - ul

Exemplele explicate


HTML Styles

stiluri HTML
HTML culoare de fundal
HTML text color
Font text HTML
Dimensiunea textului HTML
HTML alinierea textului

Exemplele explicate


HTML Text Formatting

Formatarea Bold folosind <b> elementul
Formatare puternică folosind <strong> elementul
Înclină folosind <i> elementul
Accentuat de formatare folosind <em> elementul
Formatare mică folosind <small> elementul
Formatarea marcată folosind <mark> elementul
Marcat șterse utilizând <del> elementul
Marcate inserat folosind <ins> elementul
Marcate șters și introduse folosind <del> și <ins>
Formatare subscript folosind <sub> elementul
Formatare Superscript folosind <sup> elementul

Exemplele explicate


HTML Quotations and Citations

Formatarea scurte citate cu <q> element.
Formatarea citat sectiuni cu <blockquote> element.
Formatarea documentului informație autor / proprietar cu <address> elementul
Formatarea abrevieri și acronimele <abbr> elementul
Titlul lucrare Formatarea cu <cite> elementul
Direcția textului Formatarea cu <bdo> elementul

Exemplele explicate


HTML Computercode Elements

Intrare tastatură formatare folosind <kbd> elementul
Formatare de ieșire a computerului utilizând <samp> elementul
Codul de programare formatare utilizând <code> elementul
Cod de programare formatare conservare spații libere și line-break
Formatare variabilă folosind <var> elementul

Exemplele explicate


HTML Comments

comentarii ascunse
comentarii condiționate
Comentarii pentru depanare

Exemplele explicate


HTML CSS

HTML cu CSS inline
HTML cu CSS intern
HTML cu CSS extern
HTML cu fonturi CSS
HTML cu CSS folosind id atributul
HTML cu CSS folosind class atributului
Frontiere HTML si CSS
HTML si CSS padding
Marja de HTML si CSS
HTML și demo completă CSS

Exemplele explicate


HTML Links

Conectarea, folosind o adresă URL absolută
Conectarea, utilizând o adresă URL relativă
Schimbarea culorii de link - uri
Scoaterea subliniere din link - uri
Modificarea obiectivului unei legături
O imagine ca link
Crearea unui link semn de carte
Un link care rupe dintr - un cadru
Un link mailto
O legătură cu subiectul mailto

Exemplele explicate


HTML Images

Muntele
O înălțime și lățime de imagine cu ajutorul atributelor
O înălțime și lățime de imagine folosind CSS
O înălțime și lățime de imagine utilizând atât
O imagine într - un alt dosar
O imagine cu un link rupt
O imagine pe un alt server
Utilizarea unei imagini ca link
O imagine în mișcare
O hartă imagine cu regiunile clickable
O imagine plutitoare

Exemplele explicate


HTML Tables

Tabele HTML de bază
Un tabel cu frontiere
Un tabel cu frontiere prăbușite
Un tabel cu umplutură de celule
Un tabel cu rubrici
Un tabel cu pozițiile aliniate stânga-
Rubrici de masă orizontale / verticale
O masă cu o legendă
Celulele Tabelul care se întind pe mai multe coloane
Celulele Tabelul care se întind pe mai mult de un rând
Un tabel cu spațiere celulă
Un tabel cu tag - uri HTML în interiorul
Tabelele cu stil diferit , folosind id I
Tabelele cu stil diferit , folosind id II
Tabelele cu stil diferit folosind clasa I
Tabelele cu stil diferit , folosind clasa a II -

Exemplele explicate


HTML Lists

O lista neordonata (default)
O lista neordonata cu gloanțe disc
O lista neordonata cu gloanțe cerc
O lista neordonata cu gloanțe pătrate
O listă neordonată fără gloanțe
O listă ordonată (default)
O listă ordonată cu numere
O lista ordonata cu litere
O listă ordonată cu litere mici
O listă ordonată cu numere romane
O listă ordonată cu numere romane cu litere mici
O listă descriere
O listă I cuibărit
O listă imbricată II
O listă orizontală
Un meniu listă orizontală

Exemplele explicate


HTML Block and inline elements

Styling <div> elemente
Styling <span> elemente

Exemplele explicate


HTML Classes

Classing <div> elemente I
Classing <div> elemente II
Classing <span> elemente

Exemplele explicate


HTML Layout

Aspect folosind <div> elemente
Aspect folosind elemente semantice
Layout folosind <table> elemente

Exemplele explicate


HTML IFrame

Cadru inline (a frame inside an HTML page) în (a frame inside an HTML page)

Exemplele explicate


HTML head Elements

Un document HTML valid fără <html> <body, and <head>
Un document HTML valabil fără <head> Element
<Title> Element definește titlul documentului <title>
<Style> Element conține informații de stil
<Link> Element definește o relație de la o sursă externă
<Meta> elementul definește meta informații speciale <meta>
<Script> Element definește JavaScripts client-side <script>
<Baza> Element definește URL - ul de bază pentru toate URL - urile

Exemplele explicate


HTML Scripts

Introduceți un script
Utilizarea <noscript> tag - ul

Exemplele explicate


HTML Forms

Forma de introducere a textului cu
Forma cu intrare buton radio
Forma cu câmpuri de text și un buton de trimitere
Forma cu câmpuri de text fără un atribut nume
Gruparea Formular de date
Trimite e-mail de la un formular

Exemplele explicate


HTML Form Elements

O simplă listă drop - down
O listă verticală cu o valoare preselectată
Un textarea (a multi-line text input field) de (a multi-line text input field) a (a multi-line text input field)
Un buton de intrare
Folosind <datalist> Element
Folosind <keygen> Element
Folosind <output> Element

Exemplele explicate


HTML Input Types

Tipul de introducere a textului
Tipul de introducere a parolei
Radio de tip intrare
Tipul de intrare casetă de selectare
Butonul Tip intrare
Numărul de tip intrare - cu restricții
Numărul de tip intrare - cu pași
Data Tip intrare - cu data de cursă lungă
Data Tip intrare - cu restricții
Tip de intrare de culoare - cu selectorul de culoare
Gama Tip intrare
Tipul de intrare luna
Tipul de intrare săptămână
Ora Tip intrare
Tipul de intrare datetime
Tip intrare datetime-locală
Tipul de intrare e - mail
Căutare Tip intrare
Tipul de intrare tel
Tip de intrare URL

Exemplele explicate


HTML Input Attributes

Completarea automată atribut autocomplete
Novalidate atribut novalidate
autofocus_attribute
Formularul atribut form
Formaction atribut formaction
Formenctype atribut formenctype
Formmethod atribut formmethod
Formnovalidate atribut formnovalidate
Formtarget atribut formtarget
Înălțime și lățime atributele
Lista Atributul list
De min și max atribute
Multiplu atribut multiple
Model atribut pattern
Substituent atribut placeholder
Necesar atribut required
Pas atribut step

Exemplele explicate


HTML5 Canvas

Desenați pe panza cu JavaScript
Desenați o linie cu lineTo()
Desenați un cerc cu arc()
Desenează un text cu fillText()
Desenează un text cu strokeText()
Desenați un gradient liniar
Desenați un gradient circular
Desenați o imagine cu drawImage()

Exemplele explicate


HTML5 SVG

SVG Cercul
SVG dreptunghi
SVG Dreptunghi rotunjit
SVG stele
SVG Logo

Exemplele explicate


HTML5 Media

bunny
Redare video de urs cu comenzi
Redarea video urs cu autoplay
Redare sunet cal cu comenzi

Exemplele explicate


HTML5 Geolocation

Obțineți coordonatele de localizare geografică
Manipulați erorile de geolocalizare
Ia - geolocalizare cu o hartă
Ia - geolocalizare cu script - ul hartă Google
Ia - geolocalizare și urmăriți poziția

Exemplele explicate


HTML5 Local Storage

Stocați un nume permanent
Stocați un contor permanent
Stocați un contor pentru o sesiune

Exemplele explicate


More HTML5 Examples

HTML5 drag and drop
HTML5 memorie cache a aplicației
Lucrătorilor web HTML5
Evenimente trimise server HTML5