In questo articolo imparerai come usare l'HTML per scrivere il tuo primo sito web! L'articolo fornirà esempi illustrativi per una migliore comprensione. Premettiamo subito che l'articolo è stato originariamente progettato per coloro che stanno appena iniziando a imparare l'HTML. Inoltre, ti promettiamo che entro la fine della lettura di questo articolo, avrai la garanzia di creare il tuo primo sito web.
HTML sta per HyperText Markup Language, ovvero un linguaggio per organizzare il testo.
A differenza dei linguaggi di programmazione (JavaScript, PHP, ecc.) che utilizzano script per eseguire azioni sui siti Web, il linguaggio di sequenziamento (HTML) utilizza i tag per contrassegnare il contenuto del sito Web.
Iniziamo ad imparare l'HTML da zero
Proprio come l'inglese è composto da lettere A, B, C, ecc., così l'HTML è composto da "lettere" peculiari:,,
ecc. Queste peculiari "lettere" del linguaggio HTML sono chiamate tag dai webmaster.
Quello che segue è un esempio di tag HTML.
Tag Crea una sottolineatura attorno ai bordi di questo testo.
I tag HTML abbinati agli stili di linguaggio CSS ti consentono di creare siti Web in modo rapido ed efficiente.
Il posto dell'HTML tra le altre lingue
Come sai, un buon sito webcostruito in almeno 5 lingue.
Il sito Web moderno è costruito nelle lingue:
- HTML (struttura e ordinazione).
- CSS (contenuto di stile).
- JavaScript (azioni del browser).
- PHP (azione del server).
- SQL (archiviazione dati).
HTML è il principale linguaggio fondamentale su cui si basano gli altri. Pertanto, l'apprendimento dell'HTML dovrebbe essere il primo passo per chiunque impari a creare siti Web sul Web.
Tag
Il linguaggio HTML è cambiato nel corso degli anni sin dal suo inizio. Al momento, la maggior parte dei siti Internet sta passando all'ultima versione del linguaggio - HTML5. Ma anche in HTML5, i fondamenti del linguaggio rimangono invariati.
La struttura di una pagina HTML è come un sandwich. Proprio come un sandwich ha due fette di pane, un documento HTML ha un tag HTML di apertura e chiusura.
Questi tag, come il pane in un panino, circondano ogni cosa all'interno.
Tag
Mentre continui ad imparare l'HTML, dovresti assolutamente acquisire familiarità con il tag. Direttamente all'interno del tag padre c'è tutto il contenuto del sito, incluso il tag. Questo tag è obbligatorio e contiene tutte le impostazioni della pagina del sito per cui è scritto. Queste impostazioni non sono visibili ai visitatori del sito, solo i browser (Google Chrome, Mozilla Firefox, ecc.) le vedono.
Il blocco delle impostazioni della pagina web contiene tutti gli elementi "non sottoposti a rendering" che aiutano il browser a visualizzare correttamente il tuo sito sul web.
Tutte le opzioni chepuò essere configurato all'interno del tag, lo esamineremo, ma un po' più tardi, quando sarà il momento.
Tag
Il tag, come il tag, è all'interno del tag.
Questo tag è necessario per visualizzare sul tuo sito tutte le informazioni che desideri visualizzare.
Intestazioni, paragrafi, tabelle, immagini e link sono solo una piccola parte degli elementi che possono essere contenuti all'interno del tag.
Struttura di base di un documento HTML:
… …
Il tuo primo sito
Ora sai che puoi creare siti Web utilizzando HTML e che i tag di base vengono utilizzati per questo:
- . Delinea i confini di una pagina web.
- . Contiene le impostazioni per la visualizzazione di una pagina web in un browser.
- . Contiene tutti gli elementi della pagina Web (immagini, video, testo e così via) che desideri mostrare ai visitatori del sito.
Altri tag come,,, di cui parleremo presto.
Sarebbe fantastico se il lettore non solo leggesse questo articolo, ma corresse immediatamente anche ad affinare le proprie abilità. Per affinare le tue abilità HTML, dovrai creare il tuo primo sito web, che servirà da banco di prova per le tue nuove abilità.
È noto che gli operatori mobili ("MTS", "MegaFon" e così via) ci forniscono servizi mobili. Allo stesso modo, i servizi per la creazione e la gestione dei siti ci vengono forniti dagli operatori di hosting. Per creare il tuo sito web, vai al sito di qualsiasi operatore di hosting gratuito.
I provider di hosting verificati includono BEGET oreg, per esempio. Puoi scegliere chiunque.
Dopo una breve registrazione, dopo 24 ore, verrà creato automaticamente il tuo primo sito web su Internet, che sarà visibile a tutto il mondo, e potrai iniziare a esercitarti!
Struttura moderna del sito
Ora che hai il tuo sito, controlla quali tag contiene un tag e come organizzano le informazioni sui siti.
L'immagine sopra è una rappresentazione schematica della struttura fornita con l'ultima versione del linguaggio HTML - HTML5. Insieme a HTML5 non sono arrivati solo nuovi tag, ma anche il significato della creazione di siti Web. Tutti i tag che vedi nell'immagine sono contenuti all'interno del tag principale. Questi tag ti aiutano a "delineare" la struttura del tuo sito e dargli un significato.
Ad esempio, all'interno dei tag … è conveniente inserire il titolo del sito (tag) e la descrizione del sito (tag).
È conveniente inserire il menu (link) del sito (tag) all'interno dei tag.
È conveniente posizionare qualsiasi grande blocco di informazioni relative al significato all'interno dei tag. Possono essere diversi articoli, ognuno dei quali è "avvolto" in tag, o foto (tag) o tabelle (tags
) e altro ancora.
È conveniente inserire all'interno dei tag tutte le informazioni che non corrispondono al significato di.
All'interno dei tag, è consuetudine inserire informazioni aggiuntive come informazioni di contatto, sezioni aggiuntive del sito e così via.
Quindi ora sei un po' più esperto in cosa sono fatti i siti web moderni. Facciamo un esempio ail tumulto nella mia testa è stato sostituito dal timore reverenziale per l'intuizione.
Quindi, quando apri il file manager sul sito del tuo operatore di hosting e trovi un documento chiamato index.php, sentiti libero di scriverci, come da zero, la struttura del tuo sito.
Il mio primo sito web
Titolo della pagina
Descrizione pagina
Link 1 | Collegamento 2 | Collegamento 3
Titolo di alcuni articoli
Questo è un blocco che contiene qualsiasi informazione, e con l'aiuto dei CSS puoi colorare questo blocco, e l'intero sito con tutto il suo contenuto, nel modo che preferisci. © Tutti i diritti riservati
Ricordi che abbiamo detto che ci sono impostazioni diverse per il sito? Bene, eccolo qui:
- Utilizzando mostriamo ai browser che il sito può contenere caratteri sia russi che inglesi (altrimenti, quando apri il sito, vedrai un terribile krakozyabry).
- viene utilizzato per indicare il nome della pagina, che verrà visualizzato nella scheda del browser e nel motore di ricerca ("Yandex", Google e simili).
Ovviamente, senza lo stile CSS, il tuo sito apparirà avaro (lettere nere su sfondo bianco), ma assicurati di provare prima a scrivere la tua prima pagina in HTML.
Congratulazioni! Hai appena creato la tua prima pagina web sul tuo sito web! Sarà più interessante!
