, - 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 carattere è un pixel più grande

Si trasforma nella pagina in quanto segue:

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

11. Tag HTML

(crea liste)

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

Ad esempio, codice html:

Elenco:

• primo elemento della lista
• secondo elemento della lista

Si trasforma nella pagina in quanto segue:

Elenco:

• primo elemento della lista
• secondo elemento della lista

12. Tag HTML (crea tabelle)

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

Ad esempio, codice html:

1 riga 1 elemento	1 riga 2 elemento
2 righe 1 elemento	Elemento a 2 righe 2

Si trasforma nella pagina in quanto segue:

Tutte le funzionalità dei tag

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 3a riga, poiché non c'è stata transizione

Si trasforma nella pagina in quanto segue:

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

14. Tag HTML

---

(linea orizzontale)

---

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

Ad esempio, codice html:

Qualche testo sopra la riga

---

E questo testo sarà già sotto la riga

Si trasforma nella pagina in quanto segue:

Un po' di testo sopra la linea E questo testo sarà già sotto la linea

15. Tag HTML (uscita immagine)

Ad esempio, codice html:

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

Si trasforma nella pagina in quanto segue:

Tutte le funzionalità dei tag sarà discusso in una lezione separata: .

16. Tag HTML (formattazione del testo)

- per formattare il testo, modificare lo 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

Si trasforma nella pagina in quanto segue:

Nota

Il tag simile è .

17. Tag HTML

(creazione modulo)

- creazione di un form nella 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 visualizzazione del tag

il compito è più facile. Quasi tutti i siti contengono

blocchi come comoda alternativa ai tavoli.

I tag html di base sono la base su cui sono costruiti quasi tutti i siti Web/blog. Da questo articolo imparerai esattamente quel 20% di tag di cui avrai sempre bisogno.

Come in ogni lingua, anche qui vale la regola 20/80 di Pareto (il 20% dei casi è importante all'80% per ottenere il risultato desiderato), il che significa che è sufficiente conoscere solo il 20% dei codici per raggiungere con sicurezza il proprio obiettivi nella creazione di siti web.

L'HTML non è un linguaggio di programmazione, perché è un linguaggio di markup ipertestuale, che parla da sé, ti permette di marcare i blocchi sulle pagine per una corretta visualizzazione, di fare il markup di testo per le pagine web. Inoltre, con il suo aiuto, i collegamenti vengono creati da una pagina all'altra del sito. Tutti i collegamenti su Internet vengono creati utilizzando la parte ipertestuale del codice html.

È la lingua più semplice di sempre! Se decidi di studiarlo, è importante capire fin dall'inizio che non ci sono difficoltà in questo. Possiamo dire con sicurezza che è molto più difficile per i bambini a scuola, nella lezione di informatica.

Quindi iniziamo. È meglio scrivere codici in un blocco note, che è incluso nei programmi standard del sistema operativo Windows o nel programma gratuito Notepad + +.

Per prima cosa, definiamo cos'è un tag. Un tag è una cella del linguaggio html stesso, da cui è generalmente costruito. Tramite i tag, i browser capiscono come visualizzare il testo, dove inserire le immagini. I tag sono gli stessi elementi di markup.

Tag HTML per la creazione di un frame del sito

I tag sono accoppiati e non accoppiati. Le stanze accoppiate si aprono e si chiudono, ad es. c'è una barra rovesciata "/" in quelle di chiusura.

La prima cosa che dovrebbe essere in qualsiasi documento html durante la creazione di una pagina del blog è:

• - dì al browser che tutto ciò che c'è in mezzo è codice html;
• - dall'inglese. "head", contiene il nome, la codifica, i meta tag per i motori di ricerca;
• - meta tag, principalmente per motori di ricerca, al suo interno contiene il nome del documento, visualizzato nella parte superiore del browser;
• - un unico tag che indica la codifica della lingua al browser, dove windows-1251 indica che il testo di questa pagina è in russo (windows-1252 è per l'inglese);
• - per le parole chiave del sito;
• - un riepilogo della pagina;
• CORPO DOCUMENTALE- dall'inglese. "body", contiene l'intera pagina del sito.

Questi erano tag di codice html standard, con cui, senza modifiche, tutte le pagine del sito/blog dovrebbero iniziare in questa forma:

Elenco di tag html nel corpo della pagina

Tra i tag il corpo della pagina stessa del sito si troverà dove:

• intestazione

  - il più importante 1 livello;
• Con

  sottotitolo

  in poi

  sottotitolo

  - sottovoci rispettivamente dei livelli 2, 3, 4, 5 e 6;
• collegamenti di ancoraggio— link, dove » target=»_blank»» è un attributo responsabile dell'apertura in una nuova finestra, » title=»» è il nome di quale sarà il collegamento;
• e — tag da evidenziare in grassetto. "" sono deprecati e se ne consiglia l'uso " »;
• - per il corsivo;
• - un unico tag preposto all'inserimento di un'immagine nella pagina;
• - "p" dall'inglese. "paragrafo", il che significa che divide il testo in paragrafi. Allineato a sinistra per impostazione predefinita;
• 
  - un tag logico che indica la fine della riga e il passaggio alla successiva;
• — attributo che allinea il testo al centro;
• - attributo allineamento testo a destra;
• —
• color="green" è responsabile del colore del testo. In questo caso è verde. La parola "verde" viene solitamente sostituita da un codice del sistema di colori esadecimale, ad esempio: "#088f47";
• face="verdana" - un attributo che indica il carattere nel testo;
• size="3" - dimensione del carattere;
• 1. primo
  2. secondo
  3. Terzo
  - elenco numerato;
• • parola
  • parola
  • parola
  - elenco puntato;

Tag HTML per la creazione di una tabella

Possono esserci molti tag all'interno della tabella stessa, si tratta di cambiamenti nel colore del bordo della tabella, allineamento delle parole all'interno della tabella, ecc., ma poiché l'articolo riguarda i tag principali, ci concentreremo solo sui tag per creare il tavolo stesso.

- il tag responsabile della creazione della tabella, dove "1" è la larghezza del bordo della tabella, dove "450" ​​è la larghezza della tabella e conosci già "centro";

- il tag all'interno " ' e crea una riga nella tabella;

- crea una colonna in una riga, è all'interno dei tag " ". "150", come probabilmente hai intuito: la larghezza della colonna;

Completamente tag tabella html assomiglia a questo:

numero di cella 1	numero di cella 2	numero di cella 3
numero di cella 4	numero di cella 5	numero di cella 6

Sottolineo ancora una volta che questi sono i tag principali del codice html e puoi apportare molte modifiche ad esso. E vale anche la pena notare che il codice html stesso è un modello, senza CSS, in generale, sarà impossibile farci qualcosa di utile. Solo tutti insieme, html e css fanno miracoli, ma qualcosa di semplice può essere fatto senza una profonda conoscenza dei css, puramente su html.

Lezione video sull'argomento - "Cos'è l'HTML? file indexhtml":

Per favore condividi se ti piace:

Potrebbe interessarti anche sapere:

Nel linguaggio HTML, tutto ciò che scrivi in ​​un documento HTML verrà visualizzato sullo schermo del browser in testo pieno, ovvero il browser ignora le interruzioni di riga e diversi spazi digitati in una riga vengono sostituiti da uno.

I tag sono comandi di controllo inventati per formattare il testo, ad es. i tag indicano al browser come visualizzare la parte del testo racchiusa nei tag. Per creare un tag, il codice HTML viene inserito tra parentesi angolari, che è destinato solo ai browser. I visitatori del sito non vedono i tag.

Come notato sopra, tutti i tag iniziano con una parentesi angolare.< и заканчиваются угловой скобкой >. La parentesi angolare di apertura è seguita dal nome del tag (comando).

Ad esempio, tag ha lo scopo di enfatizzare il testo, i browser visualizzano tale testo in corsivo. Quando il browser incontra questo tag, passa alla formattazione in corsivo del testo che segue il tag.

Considera un esempio:

Questo testo è normale. Questo testo è in corsivo.

Etichetta è chiamato tag di inizio o di apertura, il che significa che il browser include un comando specifico (in questo caso, la scrittura in corsivo). La maggior parte dei tag ha una coppia sotto forma di tag di chiusura che disabilita il comando.

Il tag di fine ha lo stesso aspetto del tag di inizio, ma inizia con una barra. Quindi il tag finale per il corsivo è - .

Considera un esempio:

Questo testo è normale. Attenzione! Corsivo. Questo è di nuovo un carattere normale.

Come puoi vedere, il browser analizza in sequenza il documento HTML alla ricerca di comandi (tag) e applica o disabilita varie opzioni di formattazione del testo. Il browser visualizza il testo formattato (tutto ciò che non è un tag) nella sua finestra.

	Il processo di inserimento dei tag in un testo normale e non formattato è chiamato markup del documento HTML e i tag sono caratteri di markup. Quando si scrivono i tag, il caso delle lettere non viene preso in considerazione, il tag può essere scritto sia in lettere minuscole che maiuscole, ma si consiglia comunque di utilizzare lettere maiuscole.

Di seguito sono riportati esempi di tag HTML di base, con una spiegazione del loro utilizzo ed esempi di come vengono utilizzati in un documento HTML.

Titoli

C'è un tag speciale per specificare le intestazioni in HTML. Ci sono 6 livelli di intestazioni in HTML, che vanno dalle dichiarazioni più importanti a quelle meno importanti.

Tag HTMLè la base del linguaggio HTML. I tag vengono utilizzati per delimitare l'inizio e la fine degli elementi nel markup.

Ogni documento HTML è costituito da un albero di elementi HTML e testo. Ogni elemento HTML è identificato da un tag di inizio (apertura) e un tag di fine (chiusura). I tag di inizio e di fine contengono il nome del tag.

Tutti gli elementi HTML sono divisi in cinque tipi:

• elementi vuoti — , ,
  , , ,

  ---

  , , ,
  Utilizzato per memorizzare informazioni aggiuntive sulla pagina. Queste informazioni vengono utilizzate dai browser per elaborare la pagina e dai motori di ricerca per indicizzarla. Nel blocco potrebbero esserci più tag , perché a seconda degli attributi utilizzati, contengono informazioni diverse. Indicatore di misurazione nell'intervallo specificato.