Internet è basato su html, un linguaggio di markup ipertestuale. Per "ipertesto" si intende il testo che include collegamenti. È stata la semplice capacità di passare da una pagina all'altra, da un sito all'altro che ha trasformato la tecnologia informatica. La semplicità dell'html è ottenuta da un comodo strumento di sviluppo: i tag.
Tag in html
I tag in html sono un mezzo di formattazione semantica (semantica), presentazione e comunicazione di informazioni. Qualsiasi tag deve essere posizionato tra i caratteri:. Tutti i tag html sono compresi dalla maggior parte dei browser esistenti. L'organizzazione internazionale W3C è responsabile della standardizzazione e della creazione di nuovi tag - lì puoi anche conoscere tutti i tag html esistenti. I tag possono funzionare solo all'interno del tag "main" di un documento html - HTML. I tag HEAD e BODY separano la pagina web in due parti logiche. In HEAD, puoi influenzare il titolo della pagina (visualizzato nella scheda del browser), mentre BODY è "responsabile" di tutto il contenuto semantico della pagina.
Tag singoli e accoppiati
Tutti i tag html possono essere divisi in tag accoppiati e tag singoli. I tag singoli vengono utilizzati solo quando i tag accoppiati sono inutili. Ad esempio, BR è un singolo tag, ovvero una stringa vuota. Se scrivi questo tag in codice html, sarai in grado di vedere la stringa di separazione nel browser. Di solito viene utilizzato per separare un gruppo di informazioni da un altro.
I tag accoppiati vengono utilizzati per organizzare il contenuto. Informazioni di testo, indirizzi di file, collegamenti sono inseriti tra i tag P (paragrafo di testo), IMG (immagine), A (collegamento ipertestuale).
Attributi dei tag
Alcuni tag hanno attributi speciali che influiscono sul "comportamento" di un elemento. Alcuni dei tag nelle moderne specifiche html5 consentono di fare a meno della programmazione precedentemente richiesta per le attività comuni.
Ad esempio, il tag FORM (campo di input) ha un attributo PLACEHOLDER che sostituisce il campo di testo con "informazioni di test" con prompt. Se uno sviluppatore web desidera che il campo per l'inserimento del nome non sia vuoto, ma visualizza un nome di esempio, può impostare l'attributo PLACEHOLDER su "Ivanov Ivan". Quindi "Ivanov Ivan" verrà visualizzato nel campo di testo per l'inserimento del nome, finché l'utente non sposta il cursore su questo campo. L'iscrizione scomparirà e potrà inserire il suo nome.
Collegamento con CSS
Una tecnologia relativamente nuova (rispetto all'html) per la presentazione di siti su Internet è il CSS. L'acronimo CSS nasconde i fogli di stile a cascata. Prima della loro comparsa, i webmaster erano soliti dividere il sito in una struttura a tabelle logicamente chiara (tag TABLE). Ora i creatori di siti hanno l'opportunità di inserire tutto ciò che riguarda la presentazione del sito (compresa la posizione dei blocchi) in un file css di stile speciale. Per collegare un foglio di stile a un documento html, è necessario specificare l'indirizzo del file css sul server nel tag di coppia LINK.