Quale tag definisce un documento html. Tag HTML di base. Cosa sono i tag musicali nei file audio?
Ciao, cari lettori del sito blog! Nell'ultimo articolo, abbiamo capito cos'è un tipo di documento e come i browser determinano la lingua utilizzata utilizzando . È stato preso in considerazione il tag, ma il concetto (termine) in sé non lo è stato. In questo articolo ti dirò cos'è un tag, perché è necessario e quali tipi di tag esistono. Come ho detto nell'ultimo articolo di questa sezione, creeremo una pagina di file, che sperimenteremo, in base alle conoscenze che abbiamo acquisito. Ma questo è alla fine dell’articolo, per ora diamo un’occhiata al tag HTML.
Cos'è un tag HTML, tipologie di tag HTML, esempi di scrittura
Etichetta HTML- tradotto dall'inglese etichetta - etichetta-caratteri racchiusi tra parentesi angolari e che sono elementi del linguaggio di markup ipertestuale (HTML). I simboli possono essere di qualche utilità lingua inglese(l'intera Internet è costruita su di esso). L'etichetta assomigliaQuesto è un tag di evidenziazione del testo in grassetto. I tag hanno tre tipi:
- Etichetta di apertura- tag all'inizio. Nell'esempio sopra, il tag si apre e si trova davanti al testo che deve essere evidenziato.
- Etichetta di chiusura- tag alla fine. Caratteristica distintiva funge da barra "/" prima dei caratteri tra parentesi angolari. Consideriamo nuovamente l'esempio discusso sopra. Etichetta si chiude e viene dopo il testo, che va evidenziato in grassetto
- Tag singoli- tag che non hanno un tag di chiusura. Un esempio potrebbe essere
Ecco un esempio di tag di apertura e chiusura:
L'intero design, incluso il testo, sarà simile a questo:
Questo testo sarà evidenziato in grassetto
Ed ecco come apparirà questo testo quando il browser lo elaborerà e ce lo fornirà: Questo testo sarà evidenziato in grassetto. Esiste anche un concetto come tag del contenitore, ma questo è solo un nome generico per i tag di apertura e chiusura. Come ho scritto sopra, oltre ai tag contenitore, esistono anche i tag singoli. La differenza è che tali tag non devono essere chiusi. L'esempio più chiaro e comune è il tag newline.
Fondamentalmente i tag singoli vengono utilizzati per inserire un elemento, come un'immagine o una tabella.
Cosa sono gli attributi, le regole di scrittura e perché sono necessari?
Oltre ai tag, ci sono anche i cosiddetti attributi. Più precisamente, non oltre, ma nei tag. Usando gli attributi che puoi impostare Opzioni aggiuntive per qualsiasi etichetta. Attributi ogni tag ha il proprio, ma in questo argomento sperimenteremo il tag , che, senza attributi, in realtà non fa nulla di significativo.Font— un tag contenitore utilizzato per formattare il testo. Usando questo tag, puoi rendere il testo in grassetto, modificare la dimensione e la distanza tra le linee - in generale, tutto ciò che puoi fare con il testo. Diamo un'occhiata ad un esempio con la dimensione del testo. Innanzitutto, racchiudiamo il testo in un tag Font.
Testo
Ora qualcosa sulle regole per scrivere gli attributi. Attributi Sempre sono scritti nel tag di apertura e dopo i caratteri del tag stesso. Puoi scrivere più attributi in un tag in qualsiasi ordine. Puoi trovare gli attributi sul sito web del validatore W3C (di cui scriverò di seguito). Quindi ecco un esempio di un tag font con un attributo size:
Testo
Questo attributo nel tag font modifica la dimensione del testo racchiuso nei tag.
Se apri il codice sorgente della pagina, vedrai che il luogo in cui si trova la parola grande "Testo" assomiglia a
Testo
Hai già visto come vengono scritti gli attributi. Sono scritti esattamente allo stesso modo negli altri tag: prima scriviamo l'attributo stesso (in questo caso size), quindi inseriamo "=" e racchiudiamo il parametro dell'attributo tra virgolette doppie. Puoi trovare tutti i parametri degli attributi sullo stesso sito web del World Wide Web Consortium.
Cos'è un validatore W3C, regole di scrittura ed elenco di tag
Come ho scritto, ci sono moltissimi tag. Ma dove trovarli tutti? Questo è ciò per cui esiste Validatore W3C W3C- World Wide Web Consortium, e in russo - Consorzio World Wide Web. Non del tutto chiaro, vero? Questo è il luogo in cui vengono sviluppati gli standard web (i linguaggi di markup ipertestuale sono il loro frutto). A capo dell'intero consorzio c'è Tim Berners-Lee, conosciuto dall'articolo precedente, il creatore di HTML. Il sito web di questa organizzazione è w3.org. Ti avviso, il sito è interamente in inglese, quindi tieni un dizionario o un traduttore nel tuo browser. A proposito, la valutazione di Google per questo sito è 9 e 37.000 (è tutto molto, se qualcuno non lo sa).Torniamo all'argomento dell'articolo. Siamo interessati agli standard linguistici HNTML 4.01. Segui il collegamento Specifica HTML 4.01, dopodiché vediamo la scheda Elementi in alto, fai clic su di essa. Quindi si apre la pagina con tutti i tag. Questi tag sono stati sviluppati e adottati come standard dal consorzio. Tutto, ancora una volta, è in inglese. Subito dopo le parole “Indice degli Elementi” vediamo una legenda (il significato delle lettere nelle colonne): 
E subito dopo la legenda c'è una tabella dei tag stessi:
- Nella prima colonna - Nome— il nome del tag stesso è quello che dovrebbe essere tra parentesi angolari (< и >).
- Seconda colonna - Inizia tag- presenza di un tag di apertura. IN questa colonna puoi vedere la lettera "O", che significa "Opzionale", e nella traduzione dall'inglese - Opzionale. Questa lettera è presente solo di fronte ai tag , , E e significa che puoi inserire un tag di apertura oppure non è necessario: il browser farà tutto da solo.
- Terza colonna - Fine etichetta— presenza di un cartellino di chiusura. Di fronte a questo tag puoi vedere sia la lettera "O" che la lettera "F". Il significato del primo non è cambiato. La seconda lettera - "F" - letteralmente "proibito" in inglese - significa che è vietato inserire un tag di chiusura, semplicemente non esiste. Ad esempio, non esiste alcun tag, perché non c'è nulla da nascondere in esso.
- Il quarto - Vuoto— significa che il tag è singolo (vuoto). Tutti i tag che hanno la lettera "E" davanti a sé in questa colonna hanno anche la lettera "F" nella colonna precedente. Dopotutto, i tag singoli non hanno tag di chiusura. Un esempio è lo stesso tag
.
- Quinta colonna - Depr. O Deprecato- dall'inglese “non consigliato”. Se questa colonna contiene la lettera “D” (che sta esattamente per la stessa cosa) significa che questo tag non è consigliato per l'uso in HTML. Guardando al futuro, oggi i fogli di stile a cascata (CSS) vengono utilizzati per progettare sia il testo che l'aspetto dell'intero sito Web e del documento HTML. In breve e semplicemente viene creato un file in cui vengono scritti tutti i parametri di testo che possono essere richiamati da determinati attributi del tag. Pertanto, questa funzione viene utilizzata solo sui siti Web, poiché i CSS non sono applicabili quando si inviano notizie tramite posta o RSS. E qui questi stessi tag vengono in soccorso. La maggior parte di questi tag, tra l'altro, si riferiscono alla progettazione del testo ( E
sono un esempio) - Sesta colonna - DTD- può contenere una lettera "L", O "F". Primo - "L" - DTD sciolto— significa che il tag di fronte al quale appare questa lettera può essere utilizzato solo in un tipo di documento transitorio (- Transitorio, di cui ho parlato nell'articolo precedente). Secondo - "F" — DTD del telaio— significa che il tag può essere utilizzato solo in un documento, digitare FRAMESET (- Telaio). Se manca la lettera, il tag può essere utilizzato in tutti i tipi di documenti.
- E l'ultima, la settima colonna - Descrizione — breve descrizione tag, sempre in inglese
Gli attributi sono contenuti nella stessa pagina delle specifiche HTML 4.01, ma nella scheda “attributi”. Ci sono molti più attributi che tag. E ancora una volta scriverò tutto punto per punto.
- Prima colonna - Nome— come nel caso dei tag — il nome dell'attributo. Tutto è in inglese, ma avere conoscenza di base puoi indovinare cosa fa questo o quell'attributo.
- Seconda colonna - Elementi correlatiè un elenco di tutti i tag che utilizzano qualsiasi attributo. Tutti i tag hanno collegamenti, quindi puoi accedere immediatamente alle informazioni sul tag.
- Terza colonna - Tipo- questo è tutto valori possibili un certo attributo. Ad esempio, di fronte all'attributo size che abbiamo selezionato nel tag Font c'è il valore CDATA. Lo vedremo più tardi, ma in breve si tratta di un insieme speciale di opzioni di dimensione (in questo caso). Dopotutto, puoi scrivere sia pixel che percentuali
- Quarta colonna - Predefinito- indica se l'attributo è richiesto in un determinato tag. Ad esempio nel tag Img è obbligatorio l'attributo src, in quanto indica la fonte da cui prendere l'immagine.
- Le colonne 6, 7 e 8 hanno lo stesso significato che nel caso dei tag.
Tutto quanto sopra si applica solo alla versione HTML 4.01. Parleremo di HTML 5 in un altro articolo e toccheremo anche XHTML. E ora, come promesso, creeremo una pagina in HTML, con la quale sperimenteremo.
Creazione di un file in formato html - documento HTML
Prima di tutto, scopriamo di cosa si tratta Documento HTML. E questo è, infatti, un file in formato HTML. E tutte le pagine Internet sono documenti HTML. Ad esempio, quando accedi a un sito web, alla fine della barra degli indirizzi puoi vedere ".html" o ".htm" dopo l'indirizzo. Questo è il file che creeremo con questa estensione. In generale, se vuoi sperimentare un sito web piuttosto che una pagina, allora è meglio creare server locale— Denver (di cui voglio scrivere tutto).
Considerando che non ho nemmeno parlato dei tag presenti in ogni pagina, creeremo semplicemente un file con nome ed estensione.html qualsiasi. È possibile (e migliore) da usare Blocco note++, perché in questo editor di testo Viene utilizzata l'evidenziazione del codice, il che è molto comodo durante la modifica del codice e i file possono essere salvati in una varietà di formati. Esistono anche programmi in cui, quando si digita un codice, il risultato appare immediatamente in forma elaborata.
Quindi non ci resta che aprire Blocco note++ e salva un file con testo arbitrario (puoi anche svuotarlo), ma in formato .html. Per fare ciò, come al solito, fai clic sull'iscrizione del file, quindi "salva con nome" e guarda nell'ampio elenco di estensioni "File del linguaggio di markup ipertestuale(estensioni file)". Questo è tutto, in realtà. Aggiungeremo le prime righe a questo file nel prossimo articolo dalla sezione “Creare un sito web da zero”
Abbiamo visto un esempio di creazione di una semplice pagina in cui venivano forniti commenti su alcuni tag html, poiché mi sembra che sia meglio mostrare prima qualcosa con un esempio e poi passare a una descrizione più dettagliata. Ecco perché la creazione di una pagina è stata discussa nella seconda lezione e in modo più dettagliato nella terza.
Pertanto, di seguito sono riportate le descrizioni dei tag HTML comuni utilizzati su quasi tutte le pagine del sito. Credimi, ce ne sono già abbastanza per scrivere un intero sito web.
Elenco dei tag html
1. Tag HTML (per paragrafi)
- visualizza un paragrafo di testo (consente attributi di stile, classe, id). Il tag più comune, poiché il testo viene spesso inserito al suo interno (tuttavia, è per questo che è stato creato).Per esempio, codice html:
Paragrafo numero uno del testo
E questo è un altro paragrafo
Paragrafo numero uno del testo
E questo è un altro paragrafo
Puoi anche aggiungere un parametro di stile al tag:
Con questi diversi valori puoi modificare aspetto font. Puoi leggere questi parametri in una lezione separata: stili in html e proprietà del carattere css.
È inoltre possibile specificare gli attributi CLASS e ID. Per esempio:
2. Etichetta HTML E(evidenziato in grassetto)
E - due tag che ti permettono di rendere il carattere in grassetto. Non c'è differenza tra questi tag.
Facciamo un esempio. Codice HTML:
miniatura
Converte nel seguente contenuto della pagina:
miniatura
È inoltre possibile specificare gli attributi CLASS e ID (come nel caso di Note
Questi tag hanno un impatto minimo sulla classificazione dei documenti in motori di ricerca, quindi è meglio non usarli senza scopo.
3. Etichetta HTML (crea il corsivo)
- carattere corsivo(consente parametri di stile, classe, ID)
Ad esempio, codice html:
testo corsivo
Converte nel seguente contenuto della pagina:
4. Etichetta HTML (testo sottolineato)
- carattere sottolineato (consente parametri di stile, classe, ID)
Ad esempio, codice html:
testo sottolineato
Converte nel seguente contenuto della pagina:
testo sottolineato
5. Etichetta HTML (creazione di un collegamento ipertestuale)
Crea un collegamento sulla pagina (consente stile, classe e altri parametri).
Ad esempio, codice html:
testo del collegamento
Converte nel seguente contenuto della pagina:
Tutti i parametri e gli attributi dei tag saranno trattati in una lezione separata: tag html.
6. Etichetta HTML
,...,- tag di intestazione all'interno del contenuto (consente il parametro style, class, id). Inoltre, minore è il numero, maggiore sarà il peso e la dimensione (per impostazione predefinita) del testo racchiuso in questi tag.(titoli nel contenuto)
Ad esempio, codice html:
Rubrica h1
Etichetta
utilizzato per il titolo della pagina (oltre che per il titolo)
Questi tag devono essere utilizzati solo per lo scopo previsto, ad es. solo quando l'articolo necessita di un titolo. Ciò è dovuto al fatto che i tag
,...,hanno una grande influenza sui motori di ricerca. Se li usi correttamente, le possibilità di arrivare in cima ai risultati di ricerca sono molto alte.7. Etichetta HTML
(allineamento) - allinea il contenuto al centro. Ad esempio, codice html:
Questo testo sarà al centro Converte nel seguente contenuto della pagina:
Questo testo sarà al centro
Nota- - per il testo
- ...- per tutto (ad esempio, immagine)
8. Etichetta HTML (testo interlineare)
- visualizza il carattere in pedice.
Ad esempio, codice html:
Testo semplice, testo interlineare
Converte nel seguente contenuto della pagina:
Testo semplice, testo interlineare
9. Etichetta HTML (apice)
- visualizza il carattere in apice.
Ad esempio, codice html:
Testo semplice, testo in apice
Converte nel seguente contenuto della pagina:
Testo semplice, testo in apice
10. Etichetta HTML ,
, - visualizza un carattere un pixel più grande/più piccolo della dimensione corrente (consentita dal parametro style, class, id).
Ad esempio, codice html:
Carattere normale, questo carattere è più grande di un pixel
Converte nel seguente contenuto della pagina:
Carattere normale, questo carattere è più grande di un pixel
11. Etichetta HTML
- (creazione di elenchi)
Visualizza un elenco (accetta parametri di stile, classe e ID). Ogni nuovo elemento viene scritto tra
- E
.Ad esempio, codice html:
Elenco:
- primo elemento della lista
- secondo elemento della lista
Converte nel seguente contenuto della pagina:
Elenco:
- primo elemento della lista
- secondo elemento della lista
12. Etichetta HTML
(creazione di tabelle)
- crea una tabella (consente lo stile, parametro di classe). Ogni nuova riga viene creata dai tag
e la colonna . Ad esempio, codice html:
1 riga 1 elemento 1a riga 2° elemento 2 righe 1 elemento 2 righe 2 elementi Converte nel seguente contenuto della pagina:
Tutte le funzionalità dei tag
13. Etichetta HTML
(interruzione di linea)
- il passaggio alla riga successiva è un tag singolo.Ad esempio, codice html:
Linea 1
2 righe
3 righe E questo testo sarà sulla terza riga, poiché non c'è stata alcuna transizioneConverte nel seguente contenuto della pagina:
1 linea
2 righe
3a riga E questo testo sarà sulla 3a riga, poiché non c'è stata alcuna transizione14. Etichetta HTML
(linea orizzontale)
- disegna una linea, rappresenta un singolo tag (consente il parametro style, class).Ad esempio, codice html:
Del testo sopra la riga
E questo testo sarà già sotto la rigaConverte nel seguente contenuto della pagina:
Del testo sopra la riga e questo testo sarà sotto la riga
15. Etichetta HTML
(uscita immagine)
Ad esempio, codice html:
http://img-fotki.yandex.ru/get/5821/27743399.2b/0_8875d_14383ca6_M.jpg">
Converte nel seguente contenuto della pagina:
Tutte le funzionalità dei tag
sarà discusso in una lezione separata: .
16. Etichetta HTML (formattazione del testo)
- per formattare il testo, cambiare stile, ecc. (consente stile, classe, id dei parametri). Il suo peso agli occhi dei motori di ricerca è assente, quindi puoi usarlo quanto vuoi.
Ad esempio, codice html:
Questo testo è verde e la sua dimensione è di 15 pixel
Converte nel seguente contenuto della pagina:
NotaUn tag simile è .
17. Etichetta HTML
- creazione di un modulo sulla pagina (consente il parametro style, class).Ad esempio, inserendo login e password, eventuali pulsanti, qualsiasi modulo di registrazione: tutti questi sono moduli.
18. Etichetta HTML
(creando blocchi) - utilizzato per creare blocchi sulla pagina (consente il parametro style, class). In precedenza, le tabelle venivano utilizzate principalmente per contrassegnare le pagine. Dopo che viene visualizzato il tagil compito è diventato più facile. Quasi tutti i siti contengonoblocchi come una comoda alternativa alle tabelle.Tag HTML di base
Tag principali
- Indica al visualizzatore della pagina che si tratta di un documento HTML.
- Definisce il luogo in cui vengono collocate le varie informazioni che non vengono visualizzate nel corpo del documento. Qui è dove si trovano il tag del titolo del documento e i tag del motore di ricerca.
- Definisce la parte visibile del documento
Tag del sommario
- Inserisce il titolo del documento nel sommario del visualizzatore di pagine Attributi del corpo del documento
- Imposta il colore di sfondo del documento utilizzando un valore di colore nella forma RRGGBB - esempio: FF0000 - colore rosso.
- Imposta il colore del testo del documento utilizzando un valore di colore nel formato RRGGBB - esempio: 000000 - colore nero.
- Imposta il colore dei collegamenti ipertestuali utilizzando un valore di colore nel formato RRGGBB - esempio: 00FF00 - colore verde.
- Imposta il colore dei collegamenti ipertestuali ai siti che hai già visitato, utilizzando un valore di colore nella forma RRGGBB - esempio: 333333 - colore grigio.
- Imposta il colore dei collegamenti ipertestuali quando si fa clic.
Tag per la formattazione del testo
- Cornici di testo preformattato.
- Crea l'intestazione PIÙ GRANDE
- Crea l'intestazione più piccola
Crea testo in grassetto
- Crea testo in corsivo
- Crea testo - imitando lo stile di una macchina da scrivere. Utilizzato per le citazioni, solitamente testo in corsivo.
- Utilizzato per evidenziare le parole dal testo (testo in corsivo o in grassetto)
- Utilizzato per evidenziare le parti più importanti del testo (testo in corsivo o in grassetto)
- Imposta la dimensione del testo da 1 a 7.
- Imposta il colore del testo utilizzando un valore di colore nel formato RRGGBB.
Collegamenti ipertestuali
Crea un collegamento ipertestuale ad altri documenti o parte del documento corrente.
Crea un collegamento ipertestuale per richiamare un programma di posta elettronica per scrivere una lettera all'autore del documento.
Contrassegna una porzione di testo come destinazione per i collegamenti ipertestuali in un documento.
Crea un collegamento ipertestuale a una parte del documento corrente.
Formattazione
- Crea un nuovo paragrafo
- Allinea il paragrafo rispetto a uno dei lati del documento, valori: sinistra, destra o centro
- Inserisce una nuova riga.Crea rientri su entrambi i lati del testo.
Crea un elenco numerato
Crea un elenco non ordinato
Elementi grafici
- Aggiunge una linea orizzontale al documento HTML.
Imposta l'altezza (spessore) della linea
- Imposta la larghezza della linea, puoi specificare la larghezza in pixel o percentuali.
- Crea una linea senza ombra.
- Imposta le linee su un colore specifico. Il valore è RRGGBB.Tabelle
- Crea una tabella.
- Definisce una riga in una tabella. - Definisce una singola cella in una tabella. - Definisce il titolo della tabella (cella normale con testo in grassetto centrato) Attributi della tabella
- Imposta lo spessore del telaio del tavolo.
- Imposta la distanza tra le celle della tabella.
- Imposta la distanza tra il contenuto della cella e il suo bordo.
- Imposta la larghezza della tabella in pixel o in percentuale della larghezza del documento.
O - Imposta l'allineamento delle celle nella tabella, assume valori: sinistra, centro o destra. O - Imposta l'allineamento verticale per le celle della tabella, accetta valori: superiore, centrale o inferiore. - Indica il numero di colonne combinate in una cella. (predefinito=1) - Indica il numero di righe combinate in una cella. (predefinito=1) - Impedisce allo spettatore di eseguire un'interruzione di riga nella cella di una tabella. Personale
- Precede il tag
in un documento contenente frame;- Definisce le righe nella tabella frame, la cui altezza è determinata dal numero di pixel o come percentuale dell'altezza della tabella frame.
- Definisce le colonne nella tabella frame, la cui larghezza è determinata dal numero di pixel o come percentuale della larghezza della tabella frame.
- Definisce un singolo frame o area nella tabella frame.
- Determina cosa verrà mostrato nella finestra del browser se non supporta i frame. Attributi del frame
- Determina quale documento HTML verrà mostrato nel frame.
- Specifica il nome del frame o dell'area, che consente di reindirizzare le informazioni a quel frame o area da altri frame.
- Determina la quantità di rientranza lungo i bordi sinistro e destro della cornice; deve essere uguale o maggiore di 1.
- Determina la quantità di rientranza lungo i bordi superiore e inferiore del telaio; deve essere uguale o maggiore di 1.
- Indica se la barra di scorrimento verrà visualizzata nel riquadro; il valore può essere "sì", "no" o "auto". Il valore predefinito per i documenti normali è auto.
- Impedisce il ridimensionamento del frame.
Forme
Per i moduli che eseguono determinate funzioni, è necessario avviare sul server gli script CGI corrispondenti. HTML crea solo il front-end del modulo.
- Crea moduli
- Crea un menu scorrevole. Dimensione imposta il numero di voci di menu che verranno visualizzate sullo schermo, il resto sarà disponibile scorrendo.
- Indica ogni singola voce di menu
- Crea un menu a discesa
- Crea una finestra per l'immissione del testo. Colonne specifica la larghezza della finestra; righe ne specifica l'altezza.
- Crea una casella di controllo. Il tag è seguito dal testo.
- Crea un pulsante di opzione. Il tag è seguito dal testo.
- Crea una riga di input di testo. Il parametro Size specifica la lunghezza in caratteri.
- Crea un pulsante "Accetta".
- Crea un pulsante "Accetta" - per questo viene utilizzata un'immagine Crea un pulsante Annulla
- < Назад
Un uomo non può vivere solo di parole,
non importa quanto li abbia ingoiati.
Adlai Stevenson.In generale, l'HTML non è un linguaggio di programmazione. Questo è l'HyperText Markup Language. Cioè, chiamatelo “ Linguaggio HTML" non è corretto.
Per dirla semplicemente, l'HTML lo è elenco dei tag(parole di controllo) che consentono di presentare testo semplice in forma formattata. Ad esempio, selezionalo grassetto, O corsivo ecc. Ma il testo può essere presentato in questo modo solo in programmi speciali (programmi con cui navighi in Internet).
Su di loro mostra solo il testo formattato e nascondi Tag HTML, che sono stati utilizzati per la formattazione. Per renderti più chiaro di cosa sto parlando, clicca con il tasto destro su questa pagina e seleziona “ Fonte" o qualcosa di simile. Questa pagina si aprirà davanti a te nella sua forma attuale.
Puoi creare codice HTML sia in versione normale che in uso programmi speciali, cosiddetto . Gli editor visivi differiscono dagli editor di testo in quanto sono progettati per digitare codice HTML, CSS, JavaScript, PHP, ecc., ovvero per la programmazione web. Inoltre, ti consentono di visualizzare immediatamente i frutti delle tue fatiche nel browser integrato ed evidenziare alcuni errori nel codice digitato.
Consiglio vivamente di digitare tutto il codice a mano (per migliorare l'immediatezza di queste stesse mani), redattori visivi facilitano notevolmente questo processo. Personalmente utilizzo . Questo non è il massimo ultima versione, ma le sue capacità sono più che sufficienti per me.
Faccio questo: digito il codice in Dreamweaver, quindi salvo e faccio clic sul pulsante "Visualizza nel browser" (modifichi tu stesso l'elenco dei browser in questo menu), quindi torno a Dreamweaver e continuo a modificare. Qui . Questo è ciò che riguarda gli strumenti, passiamo ora direttamente a Tag HTML.
Partiamo dalla struttura di una pagina HTML, o meglio dai suoi tag principali.
Tag della pagina HTML obbligatori
I tag HTML (di base) richiesti utilizzati in ogni documento HTML includono quanto segue:
Nota. Affinché il browser visualizzi il codice HTML come testo (non lo interpreti in codice), dopo ogni parentesi angolare di apertura " "Lascio uno spazio. Quando digiti il codice, spazi NON PARTIRE.
Come vedi, tutti i tag sono accoppiati(c'è un tag di apertura e uno di chiusura), quasi tutti i tag in HTML sono così. La differenza tra il tag di apertura e quello di chiusura è che il tag di chiusura è preceduto da una barra " / " Tali tag vengono anche chiamati contenitore, perché tra loro possono essere inseriti altri tag, ad es. riporre in un contenitore. Puoi vedere tu stesso che tra i tag ci sono altri tag.
È possibile inserire i nomi dei tag come segue: in maiuscolo, e in maiuscolo non c'è differenza. Cioè, i record del tipo e per il browser non presentano differenze e vengono interpretati allo stesso modo. Ora parliamo più in dettaglio del significato di questi tag.
Pertanto, i tag principali mostrano ai browser e ad altri programmi per la visualizzazione delle pagine ipertestuali che hanno a che fare con un documento ipertestuale. Qualsiasi documento HTML deve iniziare e finire con. Cioè, tra questi tag c'è INTERO Codice della pagina HTML.
Tra i tag ci sono i meta tag (titolo della pagina, descrizione, parole chiave eccetera.). Memorizzano informazioni sulla pagina html e informazioni tecniche. In generale questo tag non è obbligatorio, cioè senza di esso il documento HTML verrà visualizzato normalmente dai browser. Ma anche se non prevedi di utilizzare l’area del titolo, scrivila almeno in modo semplice. Ciò è necessario per la compatibilità tra le diverse versioni dei programmi.
Tutte le informazioni situate tra i tag “HEAD” non vengono visualizzate in alcun modo dal browser (ad eccezione delle informazioni tra i tag, dove si trova il nome del documento html, visualizzate nel pannello superiore del browser). Ma possono avere un grande impatto sull'aspetto di una pagina html, sulla sua vita su Internet e sul posizionamento. Parleremo più approfonditamente dei tag che si trovano nell'intestazione di un documento ipertestuale più avanti.
Il contenuto principale di un documento HTML si trova tra i tag e. Ecco tutto ciò che vediamo quando apriamo una pagina html: testo, grafica, menu, pulsanti, ecc. Questo è il “corpo” principale della pagina.
Tutti gli altri tag utilizzati durante la creazione di un documento HTML si trovano tra (cioè all'interno) questi tag richiesti. Quasi tutti i tag in HTML hanno vari attributi, proprietà e parametri che consentono di visualizzare le informazioni esattamente come previsto dallo sviluppatore. Ad esempio, se scrivi:
Quindi lo sfondo dell'intera pagina sarà rosso.
Qui etichetta- questo è, infatti, un tag; bgcolor- il suo attributo; "#FF0000"- valore dell'attributo (un tag può avere più attributi).
Nota. Tutti gli attributi dei tag e i loro valori sono specificati in apertura tag (quello che senza barra), ma in nessun caso in quella di chiusura.
E così, abbiamo individuato i tag principali di un documento html. Ora è il momento di studiare il resto in modo più dettagliato. Qui voglio fare una piccola digressione.
Come suggerisco di imparare l'HTML
Mettendo in pratica le conoscenze acquisite, mi sono reso conto dell'errore commesso dalla maggior parte degli autori di questi libri e tutorial. Tutti questi libri di testo, in primo luogo, sono destinati per principianti, in secondo luogo, l'apprendimento delle basi dell'HTML va in ordine.
T . Cioè, vengono considerati prima i tag title del documento html () e poi i tag "body" ().
Basato su propria esperienza, Oserei dire che questo ordine di apprendimento delle basi dell'HTML è categoricamente inaccettabile per un principiante. Un principiante tenta di studiare tutti questi tag titolo numerosi e poco compresi, in primo luogo, senza vedere i risultati del suo apprendimento (lascia che te lo ricordi, i tag titolo non vengono visualizzati dal browser). E in secondo luogo, senza nemmeno sospettare che la maggior parte di questi tag non sarà necessaria per creare il sito da lui pianificato (almeno all'inizio dei lavori).
Quindi perde solo tempo e voglia di continuare ad imparare l'HTML. Allo stesso tempo, mantenendo l’opinione che solo i “guru” possano farlo con buoni soldi. Rinuncerei anche a questa attività se non me ne fregasse niente di ciò che ancora non capisco e non andassi avanti.
Pertanto, ti suggerisco di considerare prima i tag relativi al “corpo” del documento html (), e solo dopo passare al resto. Inoltre, il “corpo” della pagina html contiene le informazioni a cui arriveranno i visitatori del sito. E crearlo o trovarlo è molto più difficile che scrivere codice.
Bene, ora, senza esitare un minuto, fai clic sul pulsante "Avanti" e continua a scoprire come questi ragazzi con la barba lunga e privati del sonno creano siti web.
Consigliamo altri articoli
