Gli ultimi tutorial di sviluppo web

Esempi HTML


HTML Basic

documento HTML
HTML intestazioni
paragrafi HTML
link HTML
immagini HTML

Esempi spiegato


HTML Attributes

Il title di attributo
La href attributo
Gli attributi di larghezza e altezza
L' alt attributo
Attributo senza virgolette
Attributo senza virgolette non funziona

Esempi spiegato


HTML Headings

HTML intestazioni
Regole orizzontali HTML
testa HTML

Esempi spiegato


HTML Paragraphs

paragrafi HTML
Più paragrafi HTML
L'uso di interruzioni di riga in HTML
Problemi Poem (some problems with HTML formatting)
Come controllare le interruzioni di riga e gli spazi con il <pre> tag

Esempi spiegato


HTML Styles

stili HTML
Colore di sfondo HTML
Colore del testo HTML
Carattere del testo HTML
La dimensione del testo HTML
Allineamento del testo HTML

Esempi spiegato


HTML Text Formatting

Formato grassetto utilizzando il <b> elemento
Formattazione Forte utilizzando il <strong> elemento
Formattazione Corsivo utilizzando il <i> elemento
Ha sottolineato formattazione utilizzando <em> elemento
Piccolo formattazione utilizzando il <small> elemento
Formattazione marcato utilizzando il <mark> elemento
Contrassegnato eliminati utilizzando la <del> elemento
Contrassegnato inserita utilizzando il <ins> elemento
Segnata per l'eliminazione e inseriti utilizzando <del> e <ins>
La formattazione in pedice utilizzando il <sub> elemento
Formattazione Apice utilizzando il <sup> elemento

Esempi spiegato


HTML Quotations and Citations

Formattazione brevi citazioni con il <q> elemento.
Formattazione citato sezioni con il <blockquote> elemento.
Informazioni autore / proprietario del documento formattazione con il <address> elemento
Formattazione abbreviazioni e degli acronimi il <abbr> elemento
Titolo dell'opera formattazione con il <cite> elemento
Direzione Formattazione del testo con il <bdo> elemento

Esempi spiegato


HTML Computercode Elements

Formattazione ingresso tastiera utilizzando il <kbd> elemento
Formattazione dell'output computer utilizzando il <samp> elemento
Codice di programmazione formattazione utilizzando <code> elemento
Codice di programmazione formattazione preservare spazi e interruzioni di linea
Formattazione variabile utilizzando il <var> elemento

Esempi spiegato


HTML Comments

commenti nascosti
commenti condizionali
Commenti per il debug

Esempi spiegato


HTML CSS

HTML con CSS in linea
HTML con i CSS interno
HTML con CSS esterno
HTML con i font CSS
HTML con i CSS utilizzando l' id dell'attributo
HTML con i CSS utilizzando la class di attributo
Confini HTML e CSS
HTML e CSS padding
HTML e CSS margine
HTML e CSS demo completa

Esempi spiegato


HTML Links

Il collegamento, utilizzando un URL assoluto
Il collegamento, utilizzando un URL relativo
Cambiare il colore dei link
Rimozione della sottolineatura da collegamenti
Cambiare la destinazione di un collegamento
Un'immagine come un link
Creazione di un collegamento segnalibro
Un collegamento che scoppia di un telaio
Un link mailto
Un link mailto con oggetto

Esempi spiegato


HTML Images

La montagna
Un'altezza e larghezza utilizzando attributi
L'altezza e la larghezza dell'immagine usando i CSS
Un'altezza e larghezza utilizzando sia
Un'immagine in un'altra cartella
Un'immagine con un link non funzionante
Un'immagine su un altro server
Utilizzando un'immagine come un collegamento
Un'immagine in movimento
Una mappa immagine con le regioni cliccabili
Un'immagine galleggiante

Esempi spiegato


HTML Tables

Tabelle HTML di base
Una tabella con i bordi
Una tabella con bordi collassati
Una tabella con imbottitura cellule
Una tabella con intestazioni
Una tabella con intestazioni allineamento a sinistra
Intestazioni di tabella orizzontale / verticale
Una tabella con una didascalia
Celle di tabella che si estendono su più di una colonna
Celle di tabella che si estendono su più di una riga
Una tabella con spaziatura delle celle
Una tabella con i tag HTML all'interno
Tavoli con stile diverso utilizzando id I
Tavoli con stile diverso con id II
Tavoli con stile diverso con classe I
Tavoli con stile diverso utilizzando la classe II

Esempi spiegato


HTML Lists

Una lista non ordinata (default)
Una lista non ordinata con proiettili a disco
Una lista non ordinata con cerchio proiettili
Una lista non ordinata con proiettili quadrati
Una lista non ordinata, senza pallottole
Un elenco ordinato (default)
Una lista ordinata con i numeri
Una lista ordinata con le lettere
Una lista ordinata con lettere minuscole
Una lista ordinata con numeri romani
Una lista ordinata con numeri romani minuscoli
Un elenco descrizione
Un elenco I nidificato
Una lista annidata II
Un elenco orizzontale
Un menu lista orizzontale

Esempi spiegato


HTML Block and inline elements

Styling <div> elementi
Styling <span> elementi

Esempi spiegato


HTML Classes

Classing <div> elementi I
Classing <div> elementi II
Classing <span> elementi

Esempi spiegato


HTML Layout

Layout con <div> elementi
Layout utilizzando elementi semantici
Layout utilizzando <table> elementi

Esempi spiegato


HTML IFrame

Frame in linea (a frame inside an HTML page)

Esempi spiegato


HTML head Elements

Un documento HTML valido senza <html> <body, and <head>
Un documento HTML valido senza <head> elemento
Il <title> elemento definisce il titolo del documento
Il <style> elemento contiene informazioni di stile
Il <link> elemento definisce un rapporto a una risorsa esterna
Il <meta> elemento definisce le informazioni meta speciale
Il <script> elemento definisce JavaScript lato client
Il <base> elemento definisce l'URL di base per tutti gli URL

Esempi spiegato


HTML Scripts

Inserire uno script
L'utilizzo del <noscript> tag

Esempi spiegato


HTML Forms

Modulo con scrittura
Modulo con ingresso pulsante di scelta
Modulo con i campi di testo e un pulsante di invio
Formare con i campi di testo senza un attributo name
Raggruppamento Data Form
Invia e-mail da un modulo

Esempi spiegato


HTML Form Elements

Un semplice elenco a discesa
Un elenco a discesa con un valore pre-selezionato
Un textarea (a multi-line text input field)
Un tasto di ingresso
Utilizzando la <datalist> Element
Utilizzando la <keygen> Element
Utilizzando la <output> Element

Esempi spiegato


HTML Input Types

Tipo di input di testo
Tipo di ingresso della password
Tipo di ingresso della radio
Casella Tipo di ingresso
Pulsante Tipo di ingresso
Numero Tipo di ingresso - con restrizioni
Numero Tipo di ingresso - con gradini
Data Tipo di ingresso - con selezione data
Tipo di ingresso Data - con restrizioni
Tipo di ingresso di colore - con selettore di colori
Gamma Tipo di ingresso
Tipo di ingresso mese
Tipo di ingresso Settimana
Tempo Tipo di ingresso
Tipo di ingresso datetime
Tipo di ingresso datetime-locale
Tipo di ingresso e-mail
Tipo di ingresso di ricerca
Tipo di ingresso tel
Tipo di ingresso URL

Esempi spiegato


HTML Input Attributes

Il autocomplete attributo
Il novalidate attributo
L'autofocus_attribute
Il form di attributo
Il formaction attributo
Il formenctype attributo
Il formmethod attributo
Il formnovalidate attributo
Il formtarget attributo
Gli attributi altezza e larghezza
La list attributi
Gli attributi min e max
Il multiple attributo
Il pattern attributo
Il placeholder attributo
La required attributo
Il step attributo

Esempi spiegato


HTML5 Canvas

Disegnare sulla tela con JavaScript
Disegnare una linea con lineTo()
Disegnare un cerchio con arc()
Disegnare un testo con fillText()
Disegnare un testo con strokeText()
Disegnare un gradiente lineare
Disegnare un gradiente circolare
Disegnare un'immagine con drawImage()

Esempi spiegato


HTML5 SVG

SVG Circle
SVG Rettangolo
SVG Rettangolo arrotondato
SVG stella
SVG Logo

Esempi spiegato


HTML5 Media

Gioca Bunny
Riprodurre video orso con i controlli
Riprodurre video orso con autoplay
Riproduci suono Cavallo con controlli

Esempi spiegato


HTML5 Geolocation

Ottenere le coordinate di geolocalizzazione
Gestire gli errori di geolocalizzazione
Ottenere geolocalizzazione con una mappa
Ottenere geolocalizzazione con Google sceneggiatura mappa
Ottenere geolocalizzazione e guardare la posizione

Esempi spiegato


HTML5 Local Storage

Conservare un nome in modo permanente
Conservare un contatore in modo permanente
Conservare un contatore per una sessione

Esempi spiegato


More HTML5 Examples

HTML5 drag and drop
Cache dell'applicazione HTML5
Lavoratori web HTML5
Eventi del server inviato HTML5