Come configurare smartphone e PC. Portale informativo

Riferimento ai tag CSS in russo. Tag HTML di base

Qualsiasi codice contiene comandi di controllo attraverso i quali vengono eseguite determinate attività. Sono chiamati in modo diverso in ogni lingua, ma l'essenza è la stessa. Per non confonderci nei termini e parlare la stessa lingua, cerchiamo di capire come si chiamano i comandi HTML e come si usano.

Nelle spiegazioni, fornirò collegamenti alla specifica, nonché alla sua traduzione, che è stata menzionata nella pagina HTML da questo ... R. La traduzione di Pyramidin è menzionata nelle specifiche HTML ufficiali, quindi la traduzione può essere considerata di alta qualità.

Le cose sono leggermente diverse con i tag che non richiedono una parte di chiusura obbligatoria. Questi includono tag che creano elementi di tabella:. La riga della tabella chiuderà automaticamente il tag del corpo della tabella... Ma è indispensabile chiudere il tag della tabella, altrimenti l'intero contenuto della pagina che segue la tabella diventerà parte di essa e sarà influenzato dalle impostazioni della tabella.

È vietato chiudere i tag che non eseguono azioni sull'ipertesto -


, ,
Altro. I requisiti per ogni tag sono specificati nelle specifiche. Di seguito considereremo dove esattamente ciò che è indicato. Ripetiamo. Esistono due tipi di tag in HTML:

  1. In linea Sono anche chiamati in linea.
  2. Bloccare

Il tag di chiusura (/chiusura) può essere:

  1. Il tag di chiusura () è obbligatorio.
  2. Il tag di chiusura () non richiesto.
  3. Il tag di chiusura () è proibito.

gli attributi dei tag possono essere:

  1. Necessario.
  2. Opzionale.

Queste informazioni per ogni tag specifico possono essere ottenute nella specifica. Come usarlo è scritto sotto. E un altro punto importante per quanto riguarda l'uso di vari caratteri in HTML.

Nel layout html, a volte è necessario utilizzare simboli che possono essere interpretati in due modi. Ad esempio, utilizzando i caratteri "<" и ">"verrà considerato dai browser come parte del tag, ovvero come un carattere di servizio, il che non è sempre il caso. Pertanto, i caratteri problematici vengono codificati. Tali caratteri codificati sono chiamati mnemonici. L'elenco dei mnemonici può essere trovato nella specifica.

Tag di nidificazione

I tag possono essere annidati l'uno dentro l'altro come le bambole nidificanti. Inoltre, sono divisi in elementi padre e figlio. Mi spiego con un esempio:

<ins> L'elemento sottolineato è il genitore dell'elemento<del> testo barratodel> con eredità.ins>

Gli elementi figlio ereditano le caratteristiche dei loro genitori. Pertanto, anche il testo barrato verrà sottolineato.

La cosa principale da ricordare è che entrambe le parti del tag (apertura e chiusura) devono essere nidificate nello stesso elemento genitore, sempre per analogia con una bambola russa.

Usando la specifica

La versione ufficiale al momento (marzo 2012) è HTML 4.01, HTML 5.0 è in attivo sviluppo, ma non è ancora uno standard, nonostante numerose pubblicazioni sul web sul tema dell'HTML 5.

Ora come utilizzare la specifica. Diciamo che siamo interessati alle tabelle sopra. Aprire il riepilogo e selezionare la voce appropriata (n. 11) - Tabelle.

Aprire la specifica, menu della sezione:

Qui puoi ottenere informazioni su ciascun attributo.

  1. Requisiti del tag di fine (). In questo caso sono necessari i tag di inizio e di fine.
  2. I nomi degli attributi di questo tag.
  3. Elenco dei valori per ogni attributo.
  4. Stato dell'attributo (Effettivo/Deprecato/Non consentito).
  5. Il tipo di dati (valori) dell'attributo.
  6. Un elenco di attributi comuni utilizzati con qualsiasi tag.

Nota importante. Nello screenshot qui sopra, l'attributo allineare ha lo stato Deprecato(non consigliato). Un attributo come questo non funzionerà (e sarà un errore) in DOCTYPE Severo... Quindi sconsiglio vivamente di utilizzare elementi deprecati. Lo stato di qualsiasi elemento può essere visualizzato nell'elenco generale.

Perfezionamenti per tag:

  1. Nome dell'etichetta.
  2. Apertura dello stato del tag nel documento html:
    • O - opzionale
  3. Stato tag di fine nel documento html:
    • O - opzionale
    • F - vietato
  4. Il contenuto (ipertesto) è inteso come:
    • E - Vuoto (nessun contenuto)
  5. Stato tag (D, L e F):
    • D - deprecato (non consigliato).
    • L - sciolto (consentito nella specifica transitoria).
    • F - Frameset (consentito nella specifica Frameset).

HTML è un linguaggio di markup ipertestuale. Si basa sui cosiddetti tag. I tag sono una sorta di elementi wrapper che impostano il formato e le proprietà degli elementi in una pagina web. In una pagina, abbiamo messo insieme per te un riferimento di tag HTML aggiornato.

Ci sono oltre un centinaio di elementi di markup in totale. Ognuno ha un numero di attributi e una propria sintassi. Il riferimento ai tag HTML ti aiuta a trovare rapidamente l'elemento che desideri.

Elenco dei tag HTML

Sotto nella tabella c'è un elenco di tag HTML5 con una breve descrizione in russo.

Etichetta Breve descrizione
Un commento.
Definisce il tipo di documento.
Collegamento, collegamento ipertestuale, ancoraggio.
Definisce il testo come abbreviazione.
Informazioni di contatto per l'autore o il proprietario del documento.
Definisce un'area su una mappa immagine
Articolo
Contenuto a parte (il contenuto non è principale nella pagina per significato)
Consente di inserire un file audio riproducibile.
Testo grassetto.
Specifica l'URL di base o l'attributo di destinazione per i collegamenti relativi nel documento.
Un'area in cui la scrittura del testo può prendere una direzione diversa.
Imposta la direzione di scrittura del testo. a differenza di la direzione indica la direzione fisica
Citazione.
Indica la regione del corpo del documento.

Interruzione di linea.
Pulsante cliccabile.
Usato per disegnare grafici usando gli script
Firma della tabella.
Una nota a piè di pagina al nome del materiale.
Utilizzato per inserire il codice del computer in forma di testo.
Specifica le caratteristiche delle colonne nella tabella.
Specifica un gruppo di una o più colonne della tabella da formattare.
Utilizzato per definire scelte predefinite durante la digitazione in una casella di testo.
Definisce una descrizione di un termine da un tag
nell'elenco dei termini
.
Testo che è stato rimosso in una versione più recente del documento.
Specifica informazioni aggiuntive che l'utente può visualizzare o nascondere.
Indica che il contenuto è un termine.
Definisce una finestra di dialogo o un elemento interattivo
L'elemento block è uno degli elementi principali del layout.
Definisce un elenco di definizioni.
Il nome del termine nell'elenco delle definizioni
.
testo evidenziato (di solito testo in corsivo).
Contenitore per applicazione esterna
Un gruppo di elementi correlati in un modulo.
Titolo per
elemento
Definisce un gruppo autonomo di più elementi (ad esempio, un'immagine con una didascalia)
piè di pagina
Definisce la forma dell'input dell'utente.

-

Diversi livelli di intestazioni HTML:

,

,

,

,

,
.
Indica l'area della testa del documento.
Cartiglio

La linea orizzontale è un separatore tematico.
Elemento radice. Dice al browser che il documento dato è un documento HTML.
Testo in corsivo.