L'HTML è il linguaggio di markup dell'ipertesto che ha reso il Web il modo in cui lo conosciamo e lo amiamo. È grazie a questo meraviglioso strumento che i siti hanno un aspetto bello e moderno, e anche la comodità del loro utilizzo è assicurata. L'HTML organizza semplicemente gli elementi di una pagina web in modo facile da usare. Il suo lavoro è paragonabile a quello che fanno MS Word o OpenOffice. Trasformano una massa informe di lettere in un documento che contiene paragrafi, testo in grassetto, corsivo, tabelle e persino immagini. Più o meno lo stesso viene fatto dal linguaggio HTML, con l'unica differenza che i suoi documenti vengono visualizzati nel browser, e le possibilità di questo strumento sono molto più ampie di quelle di un editor di testo. Per il markup vengono utilizzati i tag: comandi speciali che descrivono la struttura di una pagina web. Sono racchiusi tra parentesi angolari -<тег>in modo che il browser possa distinguerli dalla maggior parte del testo. Successivamente, tratteremo le basi dell'HTML per i principianti.
Editor visivi
I principianti che hanno appena messo piede sulla strada dell'apprendimento dell'HTML spesso iniziano il loro lavoro con programmi che consentono di creare siti senza alcuna conoscenza. In essi, puoi semplicemente disporre gli elementi sullo schermo come verranno visualizzati nel browser. Sembrerebbe che sia qui: una fonte di grazia eterna, che ti consente di sbarazzarti della maggior parte degli sviluppatori web. Ma non tutto è così semplice, dal momento che gli editor visivi hanno molte carenze che rendono impossibile utilizzarli in progetti seri.
Tutti questi programmi creano molti tag non necessari che rendono la versione finale della pagina ingombrante e non ottimale. Naturalmente, in questa era di Internet ad alta velocità, questo conta meno di prima, ma ci sono una serie di ragioni per cui un sito conciso e ben scritto risulta essere più pratico della sua controparte creata in un editor visivo. Una pagina web realizzata con un programma del genere verrà elaborata male dai robot di ricerca, poiché ogni kilobyte di codice è importante per loro e il codice ingombrante e illogico con un mucchio difficilmente sarà di loro gusto. Inoltre, gli editori sono spesso in ritardo, diventando irrilevanti, e non vale la pena spendere risorse per il loro sviluppo, poiché nessun professionista utilizza questi prodotti. Pertanto, chiunque voglia lavorare nel campo della creazione di siti Web dovrebbe conoscere le basi dell'HTML.
tag
Come accennato in precedenza, i tag descrivono la struttura di una pagina Web al browser. La maggior parte di essi ha un tag di apertura e chiusura, ma non tutti. Per esempio,
Ci sono anche singoli tag che non devono essere chiusi. In essi, il contenuto è all'interno, proprio come può essere scritto per la maggior parte dei tag HTML e imposta le proprietà dell'elemento. È indicato nel tag di apertura e assomiglia a questo: attributo = "...", dove al posto dei punti c'è un valore di attributo. Conoscere i tag è il primo e più importante passo per padroneggiare l'HTML. Le basi di quest'arte implicano anche la comprensione della struttura di una pagina web.
Struttura del documento
Ogni documento HTML ha un'estensione corrispondente, come Index.html. In questo modo il browser può capire di cosa si tratta e visualizzare correttamente la pagina. È consigliabile archiviare tutti i file utilizzati per creare il sito in un'unica directory, il che faciliterà notevolmente la tua vita in futuro. Le basi del linguaggio di markup ipertestuale HTML richiedono una chiara comprensione della struttura di un documento. Inizia con il tag, che indica al browser la versione di HTML utilizzata in questo documento. Al momento è rilevante la quinta versione del linguaggio, quindi non c'è bisogno di inventare nulla, puoi tranquillamente inserire il tag sopra all'inizio di qualsiasi pagina.
Poi vengono le principali strutture accoppiate che compongono lo "scheletro" del sito. Il primo tag in cui sono annidati tutti gli altri − .... Qualsiasi cosa al di fuori di essa non viene riconosciuta come pagina Web dal browser, quindi apre il documento e lo chiude. Questo tag è obbligatorio per qualsiasi documento. Contiene anche alcuni altri tag obbligatori, che verranno discussi di seguito.
testa
All'interno dell'etichetta
... contiene informazioni tecniche che non verranno visualizzate nella pagina, ma sono comunque una parte importante del documento HTML. Le basi del sito sono poste in questo luogo, qui viene selezionata la codifica e viene inserito il nome della pagina. È contenuto all'interno di un tag obbligatorioCollegamento
Conoscere le basi dell'HTML implica anche l'uso di stili a cascata, o css. Impostano le proprietà degli elementi che verranno visualizzati nella pagina. L'approccio moderno a questo compito prevede la rimozione di caratteristiche come il colore, l'altezza e la posizione dell'elemento in un file esterno per una maggiore comodità. Il tag viene utilizzato per collegare il file css . Al termine, si presenta così: , dove href indica la posizione del file e type ne indica il tipo.
Corpo
È in questa parte del documento HTML che viene creata la parte visibile della pagina. Tutto ciò che viene fatto all'interno del "corpo" verrà mostrato dal browser. IN
viene utilizzato un numero enorme di tag HTML. Le basi sono la formattazione del testo, l'utilizzo dei collegamenti e gli strumenti più semplici per strutturare una pagina web. Per iniziare con l'HTML è sufficiente conoscere i tag di base ed essere in grado di usarli. Di seguito sono riportati i più popolari:- - utilizzato per selezionare una sottostringa che sarà soggetta a uno stile speciale descritto in css;
- - crea un collegamento su una pagina web; l'indirizzo di salto è impostato dall'attributo href;
- - uno dei tag più popolari del nostro tempo; tutti coloro che decidono di apprendere le basi del linguaggio HTMLl dovrebbero prestare particolare attenzione ad esso, poiché si tratta di un elemento di blocco, sulla base del quale viene fatta la parte del leone dei siti moderni (parametri per i blocchisono impostati in CSS e altri blocchi possono essere inseriti all'interno di questo tag);
Seleziona un paragrafo dal testo; il contenuto del paragrafo è compreso tra i tag di apertura e di chiusura;
- - elenco numerato, i cui elementi sono racchiusi in una coppia di tag
- - un elenco puntato, in cui, come in un elenco numerato, gli elementi sono indicati da un tag
-
- intestazioni del documento (il numero indica il livello dell'intestazione, cioè
- l'intestazione principale e le opzioni successive sono le sue sottovoci, tra l'altro, le intestazioni di livello
,
quasi impossibile da trovare su Internet), è anche importante ricordare che può esserci una sola intestazione per pagina
;
- - miniatura;
- - corsivo;
- - inserimento di un'immagine in una pagina web (questo è un tag unico, non necessita di un tag di chiusura, ma deve contenere l'attributo alt, che specifica il testo dell'immagine);
Questi non sono tutti i tag di cui hai bisogno per creare la tua pagina web, ma sono sufficienti per gettare le basi dell'HTML per i principianti.
css
Lo sviluppo del linguaggio HTML ha portato al fatto che ogni tag ha acquisito una massa di attributi e i requisiti per l'aspetto delle pagine web sono aumentati in modo significativo. Il codice è diventato ingombrante e scomodo, è stato difficile leggerlo, figuriamoci adattarlo o cambiarlo. Inoltre, se hai dieci pagine sul tuo sito con molte intestazioni contrassegnate in verde e all'improvviso vuoi renderle rosse, devi lavorare sodo per modificarle manualmente. Con l'avvento dei fogli di stile a cascata, questo processo è diventato semplice e logico e il codice HTML è diventato molto più leggibile.
Applicazione dei CSS
Per creare pagine web, è necessario conoscere le basi di HTML e CSS, perché oggi non c'è niente da fare in quest'area senza la conoscenza dei fogli di stile a cascata. Impostano gli attributi per qualsiasi elemento che si applica all'intero documento. Pertanto, puoi impostare il colore per tutti gli elementi contemporaneamente
Per collegare un file CSS a un documento, esiste un tag di collegamento. Il principio del suo utilizzo è stato descritto un po 'più in alto, ma non è l'unica opzione per combinare tutti gli stili in un unico posto. C'è un altro tag