HTML: Guida Completa by @Tommaso_dev - Codewith.it

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

References

<blockquote>Inserisce citazioni in un documento HTML
nameDetermina il nome degli elementi HTML o fornisce dati su un attributo associato.
<th>Definisce una cella di intestazione di una tabella HTML.
idIdentifica univocamente un elemento HTML
maxImposta il valore numerico o temporale massimo per un elemento input
<p>Serve a definire paragrafi di testo

Users

Log in to search for users

Explore

Find inspiration

Editor di testo HTML

Menu a tendina CSS

Caps Lock Checker

HTML

CSS

JS

terminal console

feedback

add_box New

cookie Policy

Privacy information and cookies

We use cookies or technologies for technical purposes and, with your consent, also for other purposes as specified in the cookie policy. Refusal of consent may make some functions unavailable. Read more about the privacy policy

Click on “Agree” to confirm.

<!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>

*{ }