Html e Codifica spiegazione del linguaggio HTML e come usarlo, Slide di Traduzione

Scarica Html e Codifica spiegazione del linguaggio HTML e come usarlo e più Slide in PDF di Traduzione solo su Docsity!

HTML: esempio di codifica di alto livello

del testo

LABORATORIO DI TRADUZIONE ASSISTITA

APPLICATA

a.a. 2022 /202 3 Prof. Arianna Pipitone

2

Linguaggi di marcatura

⚫ Un linguaggio di marcatura è un insieme di convenzioni per la marcatura di testi ⚫ Marcatura di documenti ⚫ la marcatura (o etichettatura) permette di rendere esplicita un'interpretazione di un testo. ⚫ storicamente ⚫ annotazioni in un testo che descrivono al tipografo come stampare o comporre una parte del testo ⚫ oggi ⚫ qualsiasi tipo di codice inserito in un testo in forma elettronica

Tag

➢ In HTML si usano dei codici speciali che indicano la struttura e il formato del contenuto della pagina: i cosiddetti tag che vengono riportati tra parentesi angolari < e > ➢ Il principale tag ( tag radice ) è il tag __ che identifica la pagina come documento HTML. ➢ Tutto il contenuto di un documento HTML deve essere racchiuso all’interno di due tags: ▪ Un tag di apertura () all’inizio pagina ▪ Un tag di chiusura () alla fine della pagina

I tag e

➢ Descrivono le due sezioni principali di tutte le pagine Web ➢ __ o intestazione si trova subito dopo il tag e descrive le caratteristiche generali della pagina, come il titolo ➢ __ o corpo si colloca sotto e contiene il contenuto della pagina Web ➢ Tutti i tag devono avere anche il corrispondente tag di chiusura ( __ , __ )

Tag di Uso Comune

➢ …. imposta la dimensione del testo ➢

denota un paragrafo ➢ trasforma il testo in grassetto Deprecato in HTML ➢ trasforma il testo in corsivo Deprecato in HTML ➢ __ inserisce un immagine ➢ __ stabilisce un collegamento ipertestuale ➢ __ denota un elenco puntato non ordinato ➢ __ denota un elenco numerato ➢ __ identifica un elemento all’interno di un elenco 7

Gli attributi dei tag

■ Un attributo è un opzione personalizzabile per un tag (descrive le caratteristiche del tag) ■ Esempio ⚫Tag , è il tag che permette l’inserimento di un paragrafo di testo: un suo attributo è size che consente di modificare la dimensione del carattere, o color per impostare il colore del testo

Esercitiamoci

HTML p align Attribute

Usando il tag p HTML p align Attribute

Left align content

center align content

Right align content

Scegliere il colore della pagina Webe del

testo

➢ Il tag __ può essere personalizzato con attributo bgcolor che permette di scegliere lo sfondo e il colore della pagina Web: ➢ Esempio _

Collegamenti ipertestuali

■Un collegamento ipertestuale è una

connessione tra un elemento HTML e un’altra

pagina web, un immagine esterna o un

indirizzo e-mail

■Il testo dei collegamenti ipertestuali di solito

appare in un colore diverso e sottolineato in

modo da risultare facile da distinguere dal

testo normale

Il tag (“anchor”)

➢ Questo tag consente di creare collegamenti a testo e immagini ➢ Collegamento a pagine Web: ▪ collegamento con URL relativo: non viene specificato nessun percorso per la pagina Web di destinazione (il file collegato deve risiedere nella stessa cartella della pagina che effettua il riferimento; ▪ collegamento con URL assoluto: è un collegamento con un indirizzo web preciso.

Esempio con URLrelativo

➢ Collegamento con URL relativo _

Per avere maggiori informazioni:

_ ➢ La parola “informazioni” è il testo di collegamento che si collega alla pagina Web “info.html”

Esempio con URLassoluto

➢ Collegamento con URL assoluto: _ La Bavisela _ ➢ La parola “La Bavisela” è il testo di collegamento che si collega al sito web qui sopra specificato