Forum | Gli ultimi tutorial di sviluppo web

HTML Esempi


HTML di base

documento HTML
HTML intestazioni
paragrafi HTML
link HTML
immagini HTML

Esempi spiegato


Gli attributi HTML

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

Esempi spiegato


HTML intestazioni

HTML intestazioni
Regole orizzontali HTML
testa HTML

Esempi spiegato


HTML I paragrafi

paragrafi HTML
Più paragrafi HTML
L'uso di interruzioni di riga in HTML
Problemi di poesia (alcuni problemi con la formattazione HTML)
Come controllare le interruzioni di riga e gli spazi con il <pre> tag

Esempi spiegato


Stili HTML

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

Esempi spiegato


HTML Formattazione del testo

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

Esempi spiegato


Citazioni HTML e citazioni

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

Esempi spiegato


HTML Computercode Elementi

Formattazione input da 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


commenti HTML

commenti nascosti
commenti condizionali
Commenti per il debug

Esempi spiegato


CSS HTML

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

Esempi spiegato


link HTML

Il collegamento, utilizzando un URL assoluto
Il collegamento, mediante 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


Immagini HTML

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

Esempi spiegato


Le tabelle HTML

Tabelle HTML di base
Una tabella con i bordi
Una tabella con bordi collassati
Una tabella con imbottitura cella
Una tabella con intestazioni
Una tabella con intestazioni di sinistra allineati
Intestazioni di tabella orizzontale / verticale
Una tabella con una didascalia
Le celle di tabella che si estendono su più di una colonna
Le celle di tabella che si estendono su più di una riga
Una tabella con spaziatura tra le celle
Una tabella con i tag HTML all'interno
Tavoli con stile diverso con 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


elenchi HTML

Una lista non ordinata (di default)
Una lista non ordinata con proiettili a disco
Una lista non ordinata con il cerchio proiettili
Una lista non ordinata con proiettili quadrati
Una lista non ordinata senza proiettili
Un elenco ordinato (di 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 ho nidificato
Una lista annidata II
Un elenco orizzontale
Un menu lista orizzontale

Esempi spiegato


HTML Block e gli elementi in linea

Styling <div> elementi
Styling <span> Elementi

Esempi spiegato


Classi HTML

Classificare <div> elementi I
Classificare <div> elementi II
Classificare <span> Elementi

Esempi spiegato


layout HTML

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

Esempi spiegato


HTML IFrame

Frame in linea (un frame all'interno di una pagina HTML)

Esempi spiegato


Elementi HTML testa

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


script HTML

Inserire uno script
L'utilizzo del <noscript> tag

Esempi spiegato


moduli HTML

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

Esempi spiegato


HTML elementi del modulo

Un semplice elenco a discesa
Un elenco a discesa con un valore pre-selezionati
Un textarea (un campo di inserimento testo su più righe)
Un pulsante di input
Utilizzando la <datalist> Element
Utilizzando la <keygen> Element
Utilizzando la <output> Element

Esempi spiegato


HTML Tipi di input

Tipo di testo immesso
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
Tipo di ingresso gamma
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


Attributi input HTML

L'attributo di completamento automatico
L'attributo novalidate
il autofocus_attribute
L'attributo modulo
L'attributo FormAction
L'attributo formenctype
L'attributo formmethod
L'attributo formnovalidate
L'attributo formtarget
Gli attributi altezza e larghezza
L'attributo lista
Gli attributi min e max
L'attributo multipla
L'attributo modello
L'attributo placeholder
L'attributo richiesto
L'attributo passo

Esempi spiegato


HTML5 Canvas

Disegnare sulla tela con JavaScript
Disegnare una linea con lineTo ()
Disegnare un cerchio con l'arco ()
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


Altri esempi HTML5

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