Casa / Lavora su Internet / Quale tag è responsabile dell'inizializzazione della tabella. Tag HTML di base. Motivi per l'utilizzo delle liste

Quale tag è responsabile dell'inizializzazione della tabella. Tag HTML di base. Motivi per l'utilizzo delle liste

27.06.2020 Lavora su Internet

Abbiamo esaminato un esempio di creazione di una pagina semplice, in cui sono stati forniti commenti su alcuni tag html, perché mi sembra che sia meglio mostrare prima qualcosa con un esempio e poi passare a una descrizione più dettagliata. Ecco perché la creazione della pagina è stata considerata nella seconda lezione e più dettagliata nella terza.

Quindi, di seguito sono riportate le descrizioni dei tag html comuni che vengono utilizzati in quasi tutte le pagine del sito. Credimi, sono già sufficienti per scrivere un intero sito.

elenco di tag html

1. Tag HTML (per i paragrafi)

- visualizza un paragrafo di testo (consente gli attributi style, class, id). Il tag più comune, poiché il testo viene spesso inserito al suo interno (tuttavia, è stato creato per questo).

Per esempio, codice html:

Testo paragrafo numero uno

E questo è un altro paragrafo.

Testo paragrafo numero uno

E questo è un altro paragrafo.

Puoi anche aggiungere il parametro style al tag:

Con questi diversi valori, puoi modificare aspetto font. Puoi leggere di questi parametri in una lezione separata: stili in html e proprietà del carattere css.

È inoltre possibile impostare gli attributi CLASS e ID. Per esempio:

2. Tag HTML E(evidenziare in grassetto)

E - due tag che ti consentono di rendere il carattere in grassetto. Non c'è differenza tra questi tag.

Facciamo un esempio. Codice HTML:

miniatura

Trasforma la pagina in quanto segue:

miniatura

Puoi anche impostare gli attributi CLASS e ID (come nel caso di Note

Questi tag forniscono grande influenza per classificare i documenti motori di ricerca, quindi è meglio non usarli senza scopo.

3. Tag HTML (creazione di corsivo)

- carattere corsivo (consente il parametro style, class, id)

Ad esempio, codice html:

testo in corsivo

Trasforma la pagina in quanto segue:

4. Tag HTML (testo sottolineato)

- carattere sottolineato (consente stile, classe, parametro id)

Ad esempio, codice html:

testo sottolineato

Trasforma la pagina in quanto segue:

testo sottolineato

5. Tag HTML (crea collegamento ipertestuale)

Crea un collegamento nella pagina (consente lo stile, la classe e altri parametri).

Ad esempio, codice html:

testo del collegamento

Trasforma la pagina in quanto segue:

Tutti i parametri e gli attributi dei tag sarà discusso in una lezione separata: etichetta html.

6. Tag HTML

(intestazioni nel contenuto)

,...,
- tag di intestazione all'interno del contenuto (consente il parametro style, class, id). Inoltre, minore è il numero, maggiore è il peso e la dimensione (di default) del testo racchiuso in questi tag.

Ad esempio, codice html:

Rubrica h1

Etichetta

utilizzato per il titolo della pagina (uguale al titolo)

Questi tag devono essere utilizzati solo per lo scopo previsto, ad es. solo quando l'articolo ha bisogno di un titolo. Questo perché i tag

,...,
avere un grande impatto sui motori di ricerca. Se li usi correttamente, le possibilità di arrivare alle prime righe del problema sono molto alte.

7. Tag HTML
(allineamento)

- allinea il contenuto al centro.

Ad esempio, codice html:

Questo testo sarà al centro

Trasforma la pagina in quanto segue:

Questo testo sarà al centro

Nota
  • - per il testo
  • ...
    - per tutto (es. immagine)

8. Tag HTML (pedice)

- Visualizza il carattere pedice.

Ad esempio, codice html:

testo regolare, pedice

Trasforma la pagina in quanto segue:

Testo semplice, testo in pedice

9. Tag HTML (testo in apice)

- Visualizza il carattere in apice.

Ad esempio, codice html:

testo regolare, apice

Trasforma la pagina in quanto segue:

Testo normale, testo in apice

10. Tag HTML ,

, - visualizza il carattere un pixel in più/in meno rispetto alla dimensione corrente (consente il parametro style, class, id).

Ad esempio, codice html:

carattere normale, questo font è più grande di un pixel

Trasforma la pagina in quanto segue:

Carattere normale, questo carattere è più grande di un pixel

11. Tag HTML
    (crea elenchi)

Emette un elenco (consente il parametro style, class, id). Ogni nuovo elemento è scritto tra

  • E
    • .

    Ad esempio, codice html:

    Elenco:
    • primo elemento della lista
    • secondo elemento della lista

    Trasforma la pagina in quanto segue:

    Elenco:

    • primo elemento della lista
    • secondo elemento della lista

    12. Tag HTML (creare tabelle)

    - crea una tabella (consente lo stile, parametro di classe). Ogni nuova riga è creata da tag , e la colonna .

    Ad esempio, codice html:

    Elemento 1 riga 1Elemento 1 riga 2
    2 righe 1 elemento2 file 2 elementi

    Trasforma la pagina in quanto segue:

    Tutte le caratteristiche dell'etichetta

    13. Tag HTML
    (interruzione di linea)


    - passaggio alla riga successiva, è un singolo tag.

    Ad esempio, codice html:

    Linea 1
    2 righe
    3 righe E questo testo sarà sulla terza riga, poiché non c'è stata transizione

    Trasforma la pagina in quanto segue:

    1 riga
    2 righe
    3 righe E questo testo sarà sulla terza riga, poiché non c'è stata alcuna transizione

    14. Tag HTML
    (linea orizzontale)

    - disegna una linea, è un singolo tag (consente lo stile, parametro di classe).

    Ad esempio, codice html:

    Del testo sopra la riga
    E questo testo sarà già sotto la linea

    Trasforma la pagina in quanto segue:

    Del testo sopra la riga E questo testo sarà già sotto la riga

    15. Tag HTML (uscita immagine)

    Ad esempio, codice html:

    http://img-fotki.yandex.ru/get/5821/27743399.2b/0_8875d_14383ca6_M.jpg">

    Trasforma la pagina in quanto segue:

    Tutte le caratteristiche dell'etichetta sarà discusso in una lezione separata: .

    16. Tag HTML (formattazione del testo)

    - per la formattazione del testo, la modifica dello stile, ecc. (consente il parametro style, class, id). Non ha peso agli occhi dei motori di ricerca, quindi puoi usarlo quanto vuoi.

    Ad esempio, codice html:

    Questo testo è verde e la sua dimensione è 15px

    Trasforma la pagina in quanto segue:

    Nota

    Il tag simile è .

    17. Tag HTML
    (creazione del modulo)

    - creazione di un modulo sulla pagina (consente lo stile, parametro di classe).

    Ad esempio, inserendo un login e una password, qualsiasi pulsante, qualsiasi modulo di registrazione: tutti questi sono moduli.

    18. Tag HTML
    (crea blocchi)

    - serve per creare blocchi sulla pagina (consente lo stile, parametro di classe). In precedenza, le tabelle venivano utilizzate principalmente per il markup sulle pagine. Dopo la comparsa del tag
    il compito è facilitato. Quasi tutti i siti contengono
    blocchi come comoda alternativa alle tabelle.

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

    In totale, ci sono più di cento elementi di markup. Ognuno ha un numero di attributi e una propria sintassi. Il riferimento al tag HTML ti aiuterà a trovare rapidamente l'elemento di cui hai bisogno.

    Elenco dei tag HTML

    La tabella seguente mostra un elenco di tag HTML5 con una breve descrizione in russo.

    Etichetta Breve descrizione
    Un commento.
    Specifica 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 è il contenuto principale della pagina in termini di significato)
    Consente di inserire un file audio riproducibile.
    Testo grassetto.
    Specifica l'URL di base o l'attributo di destinazione per i collegamenti relativi in ​​un documento.
    Un'area in cui la scrittura del testo può avere una direzione diversa.
    Imposta la direzione di scrittura del testo. A differenza di direction indica la direzione fisica
    		Citazione.
    Specifica l'area del corpo del documento.

    		Interruzione di linea.
    pulsante cliccabile
    Utilizzato per disegnare grafica utilizzando gli script
    Didascalia.
    Nota a piè di pagina al nome del materiale.
    Utilizzato per inserire il codice del computer in forma di testo.
    Imposta le caratteristiche delle colonne nella tabella.
    Specifica un gruppo di una o più colonne della tabella da formattare.
    Utilizzato per definire le opzioni predefinite tra cui scegliere durante la digitazione in una casella di testo
    		Definisce la descrizione del termine dal tag
    nell'elenco dei termini
    Testo rimosso nella nuova versione del documento.
    		Specifica informazioni aggiuntive che l'utente può visualizzare o nascondere
    Indica che il contenuto è un termine.
    Specifica una finestra di dialogo o un elemento interattivo
    		L'elemento blocco è uno degli elementi principali del layout.
    		Definisce un elenco di definizioni
    		Nome del termine nell'elenco delle definizioni
    testo significativo (di solito testo in corsivo).
    Contenitore per applicazione esterna
    		Un gruppo di elementi correlati in un modulo
    		In direzione di
    elemento
    		Definisce un gruppo autonomo di diversi elementi (ad esempio, un'immagine con una didascalia)
    		piè di pagina
    		Specifica la forma dell'input dell'utente

    -

    		Intestazioni HTML a diversi livelli:

    ,

    ,

    ,

    ,

    ,
    .
    Specifica l'area di testa del documento.
    		Blocco di intestazione
    		La linea orizzontale è un separatore tematico.
    elemento radice. Indica al browser che questo documento è un documento HTML.
    Mette in corsivo il testo.
    Создает контейнер, который может содержать любые элементы. Другие элементы страницы будут обтекать данный контейнер.