HTML: Guida Completa by @Tommaso_dev - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

Referenze

<link>Collega il documento corrente con una risorsa esterna
<pre>Indica una parte di testo preformattato
<strong>Definisce una parte del testo importante con formattazione in grassetto.
<th>Definisce una cella di intestazione di una tabella HTML.
colspanDefinisce il numero di colonne di una cella all'interno di una tabella.
srcIndica la provenienza di una risorsa esterna (tramite URL).

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Our first web page!

image gattino siamese

Creazione di un form

Blocco visualizzazione PC

Young Corporate Lawyer - Experienc

HTML

CSS

JS

terminal console

feedback

add_box Nuovo

cookie Informativa

Informativa privacy e cookies

Utilizziamo cookie o tecnologie per finalità tecniche e, con il tuo consenso, anche per altre finalità come specificato nella cookie policy. Il rifiuto del consenso può rendere non disponibili alcune funzioni. Leggi di più sull'informativa privacy

Clicca su “Accetta” per acconsentire.

<!DOCTYPE html>
<html>
  <head>
    <title>HTML: Guida Completa</title>
    <style></style>
    <script></script>
  </head>
  <body>
    <h1>HTML: Guida Completa</h1>
    <h2>Scritta su HTML</h2>
    <p>HTML, l’HyperText Markup Language, è un linguaggio per descrivere gli ipertesti. Di per sé non è un linguaggio di programmazione ed ha un paradigma di programmazione più dichiarativo che imperativo.</p>
    <p>HTML è un <b>linguaggio di impaginazione e formattazione del testo</b>, che permette di:<br>
    • Formattare il testo secondo certi criteri mediante marcatori (tag).<br>
    • Fare riferimento ad altri testi o contenuti multimediali attraverso collegamenti (hyperlink o link).</p>
    <p>Con HTML è possibile:<br>
•	Definire la struttura logica di un documento.<br>
•	Definire la formattazione tipografica del testo.<br>
•	Definire dei collegamenti ipertestuali tra i vari documenti.<br>
•	Definire l’interfaccia utente di un’applicazione WEB.<br></p>
    <p>I collegamenti ipertestuali sono di due tipi:<br>
•	Intrapagina: tra contenuti di una stessa pagina (e.g. Sommario di Wikipedia).<br>
•	Interpagina: tra contenuti di diverse pagine (e.g. Collegamenti su Google).</p>
    <p>I Tag sono dei marcatori che servono a:<br>
•	indicare l’aspetto grafico del testo (font, carattere, paragrafi…).<br>
•	indicare dove reperire altra informazione multimediale e/o testuale.<br>
•	far interagire l’utente con la pagina stessa.<br></p>
    <p>Un tag si usa in questo modo:<img align=middle width=70% src="https://cdo-curriculum.s3.amazonaws.com/media/uploads/html_element.png"/></p>
    <p>I tag possono avere degli effetti che vengono applicati nell’elemento che contengono (e.g. un testo fra i tag B di apertura e di chiusura diventa in grassetto). L’elemento contenuto fra il tag di apertura ed il tag di chiusura e ciò che si vuole formattare.</p>
    <p>I tag senza "contenuto" (e.g. T) si indicano in XHTML con il tag /t contenuto fra le parentesi triangolari. </p>
    <p>L’annidamento dei tag, ovvero la combinazione dei marcatori, dev’essere ordinata correttamente.</p>
    <p>Alcuni tag sono associati a degli <b>attributi</b> che specificano delle <b>proprietà</b> inerenti ai tag.</p>
    <p>I tag principali sono:<br>
•	HTML<br>
•	HEAD<br>
•	TITLE<br>
•   BODY</p>
    <p>HTML delimita l’inizio e la fine del documento, HEAD dell’intestazione (titolo, informazione per il browser…) e BODY del corpo (testo, immagini, suoni). TITLE, incluso in HEAD, definisce il titolo della pagina web.</p>
    <p>L’intestazione comprende anche il tag META, utilizzato per:<br>
•	Conservare informazioni sul documento<br>
•	Caricare o ricaricare una pagina web<br>
•	Includere file multimediali</p>
    <p>META definisce alcune informazioni (meta-informazioni) utili ai motori di ricerca per catalogare il documento, anche grazie agli attributi NAME e META che definiscono rispettivamente il nome ed il valore della proprietà. I valori più comuni per NAME sono “author”, “description”, “keywords” e “generator”.</p>
    <p>Il tag META è usato anche per caricare pagine in modo automatico attraverso l’attributo http-equiv, quest’attributo può anche essere utilizzato per definire il set di caratteri utilizzato nel documento.</p>
    <p>I colori in HTML possono essere specificati attraverso:<br>
      •	il nome in inglese (e.g., blue, red, yellow, …)<br>
      •	la notazione esadecimale, 6 cifre precedute dal carattere #, in cui le coppie corrispondono al rosso, al verde ed al blu.<br></p>
    <p>Nota: Computer e monitor differenti possono visualizzare lo stesso colore in modo molto differente tra loro ed è per questo che si utilizzano maggiormente i colori “safe” formati solo dalle coppie 00,33, 66, 99, CC, FF.</p>
    <p>Attributi di BODY (solo su HTML): BGCOLOR, per fissare il colore sullo sfondo, BACKGROUND, per fissare un'immagine sullo sfondo, TEXT, per fissare un colore per il testo, VLINK, ALINK, LINK, per impostare rispettivamente e i colori dei collegamenti visitati, cliccati ma non ancora visitati e non ancora cliccati.</p>
    <p>I tag H1...H6 definiscono lo stile dei titoli inclusi nel documento, mentre il tag FONT serve per definire gli attributi del testo al quale è riferito (carattere, dimensione...). Quest'ultimo tag è sconsigliato su XHTML. I suoi attributi sono SIZE (dimensione del carattere, da 1 a 7), FACE (tipo di carattere) e COLOR (colore del carattere). </p>
  </body>
</html>

*{ }