Come configurare smartphone e PC. Portale informativo
  • casa
  • Errori
  • sintassi HTML. JCE - editor visivo per Joomla

sintassi HTML. JCE - editor visivo per Joomla

Sintassi HTML

Un documento HTML può essere creato in qualsiasi editor di testo, benchè bloc notes,

Una pagina web ha due "lati": uno è quello esterno che gli utenti vedono, l'altro è il codice HTML che forma questa pagina web.

Qualsiasi pagina Web è un insieme di elementi che sono suoi parti costitutive(testo, immagini, link, tabelle, ecc.).

È in corso la digitazione del codice HTML della pagina testo normale. In sostanza, una pagina web è file di testo. Oltre al testo in chiaro, un file HTML contiene solo un tipo di struttura di controllo, i cosiddetti tag (tag - label).

I tag, in primo luogo, dividono il testo originale non formattato del documento in elementi e, in secondo luogo, creano nuovi elementi che non corrispondono a nulla nel testo (ad esempio, inserti grafici).

Generale sintassi scrittura tag successiva

Pertanto, i tag sono di due tipi:

singolo (il singolo tag viene utilizzato indipendentemente)

accoppiato ( etichetta di coppia può includere altri tag o testo al suo interno)

I tag sono racchiusi tra parentesi angolari.

Il tag di coppia ha due parti: apertura e chiusura con l'aggiunta di una barra.

Struttura del documento HTML

Configura l'editor in modo che "capisca" la sintassi del linguaggio HTML.

Qualsiasi pagina web dovrebbe contenere elementi tipici che non dipendono dal tipo e dall'oggetto del sito e descrivere la struttura del documento.

Considera un esempio di una semplice pagina web contenente tag di base. Digita il contenuto di questo esempio nell'editor di testo Notepad++.

Esempio 1: sempliceragnatela-pagina.

https://pandia.ru/text/79/171/images/image004_4.jpg" width="441 height=327" height="327">

Apri il file ( doppio click) nel browser e vedere il risultato.

Affinché il browser "non si confonda" e capisca in base a quale standard visualizzare la pagina web, è necessario impostare nella prima riga di codice. Questo tag è obbligatorio.

Etichetta … definisce l'inizio e la fine di un file HTML.

Contenitore …è il titolo del documento. Contiene informazioni sul servizio.

IN questo esempio viene utilizzato il tag , chiamato anche meta tag. I meta tag vengono utilizzati per memorizzare informazioni destinate a browser e motori di ricerca.

Etichetta definisce il testo del titolo o il titolo della pagina web, è uno dei elementi importanti progettato per risolvere molti problemi. In sala operatoria Sistema Windows il testo del titolo viene visualizzato nella barra del titolo della finestra del browser.


Etichetta è obbligatorio e deve essere presente nel codice del documento. Viene posizionato nell'intestazione del documento, ovvero tra i tag ….

Contenuto dell'intestazione … non visualizzato nella pagina ad eccezione del contenitore .

Corpo del documento …è inteso per inserire tag e il contenuto della pagina web.

Le informazioni che dovrebbero essere visualizzate nella finestra del browser devono essere posizionate esattamente all'interno del contenitore . Tali informazioni includono testo, immagini, tabelle, elenchi, ecc.

IN questo caso, il corpo del documento contiene un'intestazione e due paragrafi contrassegnati dagli appositi tag.

intestazione

Primo paragrafo.

Secondo comma.

è un commento

Alcuni testi possono essere nascosti dalla visualizzazione nel browser creando un commento. Sebbene l'utente non vedrà tale testo, verrà comunque trasmesso nel documento, quindi guardandolo fonte, puoi scoprire le note nascoste.

I commenti sono necessari per inserire le tue voci nel codice che non influiscono sull'aspetto della pagina. Iniziano con il tag e termina con il tag --> . Qualsiasi cosa tra questi tag non verrà visualizzata sulla pagina web.

Pertanto, qualsiasi pagina web ha la seguente struttura.

Crea una semplice pagina web come quella sopra. Per il titolo della pagina, inserisci Prima pagina autoprodotta .

Il corpo del documento deve avere un'intestazione, contenente il tuo nome e alcuni paragrafi che descrivono brevemente le nuove informazioni apprese durante lo studio della lezione.

Blocca elementi

Blocca elementi sono caratterizzati dall'occupare l'intera larghezza disponibile, l'altezza dell'elemento è determinata dal suo contenuto e inizia sempre con nuova linea. Considera gli elementi di blocco più importanti.

,

,...,

Questo gruppo di tag definisce diversi livelli di intestazioni di testo che indicano l'importanza relativa della sezione che segue l'intestazione. Un documento HTML supporta sei livelli di intestazioni.

Esegui l'esempio 2.

Esempio 2. Intestazioni di testo a diversi livelli

Le intestazioni vengono evidenziate dal browser durante la visualizzazione di un documento HTML con dimensione del carattere e grassetto. Le intestazioni dovrebbero essere usate con molta attenzione in accordo con il loro livello logico nella struttura del documento. Non utilizzare i tag h1-h6 per evidenziare il testo normale. Si applicano specificamente alle intestazioni.

Le intestazioni sono una parte importante di un documento. Dividono le informazioni in parti logiche separate e quindi migliorano notevolmente la sua percezione.

Ad esempio, il titolo di un libro di testo è un'intestazione di primo livello. Il testo nel libro di testo è diviso in capitoli; i titoli dei capitoli sono titoli di secondo livello. I capitoli contengono paragrafi con intestazioni di terzo livello. I paragrafi sono costituiti da paragrafi indicati da titoli di quarto livello.

Compito per l'autorealizzazione.

Creare una pagina Web contenente il seguente sommario. Usa titoli di livello appropriati.

Esempio 3. Creazione di un sommario.

Nozioni di base sul design.

1. Relazioni spaziali.

1.1. Dimensione.

1.1.1. Relatività delle dimensioni.

1.1.2. L'arte dell'allineamento del testo.

1.2. Proporzioni.

2. Modulo.

2.1. Diretto.

2.2. Rettangoli.

2.3. Curve di Bézier.

Etichetta

Definisce un paragrafo (paragrafo) di testo. Di norma, i blocchi di testo sono separati da paragrafi (paragrafi). In ogni libro, il rientro della prima riga, chiamato anche "linea rossa", viene utilizzato per evidenziare il paragrafo successivo. Ciò consente al lettore di cercare facilmente una nuova riga e quindi migliora la leggibilità del testo. In una pagina Web, questa tecnica di solito non viene utilizzata e la spaziatura viene utilizzata per separare i paragrafi: un piccolo rientro verticale.

Etichetta di chiusura

non richiesto.

Etichetta

Scritto senza attributi, per impostazione predefinita allinea il testo a sinistra della pagina. Ma a lui e ad altri tag piace

può contenere un attributo align aggiuntivo (leggi "eline", dall'inglese "align"). Tuttavia, al momento si consiglia di utilizzare gli stili per allineare gli elementi.

Allinea un paragrafo a sinistra

Allinea un paragrafo a destra

Centra un paragrafo

Giustifica un paragrafo

Esegui l'esempio 4.

Esempio 4: Tag di paragrafo.

https://pandia.ru/text/79/171/images/image013_2.jpg" width="484 height=265" height="265">


Etichetta


disegna una linea orizzontale che dipende dagli attributi utilizzati. Una riga inizia sempre su una nuova riga e dopo di essa tutti gli elementi vengono visualizzati sulla riga successiva. Il tag di chiusura non è richiesto.

Attributi:

align - Determina l'allineamento della linea.

colore - Colore della linea.

noshade - Disegna una linea senza effetti 3D.

dimensione - Spessore della linea.

larghezza - La larghezza della linea.

Esegui l'esempio 5.

Esempio 5. Raccolta di linee orizzontali

Da soli modificare i valori dei parametri. Visualizza il risultato.

Progettato per evidenziare le virgolette lunghe all'interno del documento. Il testo contrassegnato con questo tag viene tradizionalmente visualizzato come una casella allineata, con spaziatura interna a sinistra ea destra (circa 40 pixel) e uno spazio bianco in alto e in basso.

Esegui l'esempio 6.

Esempio 6. Citazione

Prestare attenzione ai trattini caratteristici.

Etichetta

fa riferimento a contenitori di blocchi universali e viene utilizzato nei casi in cui sono necessari elementi di blocco, è progettato per evidenziare un frammento di un documento al fine di modificare il tipo di contenuto. In genere, l'aspetto di un blocco è controllato dagli stili.

Specifica un blocco di testo preformattato. Tale testo viene solitamente visualizzato con caratteri a spaziatura fissa e con tutti gli spazi tra le parole. In HTML, qualsiasi numero di spazi consecutivi nel codice su una pagina web viene mostrato come uno. Etichetta

Consente di ignorare questa funzione e visualizzare il testo come richiesto dallo sviluppatore.

Esegui l'esempio 7. Usa gli asterischi per scrivere il tuo nome.

Esempio 7: preformattazione tag

Elementi in linea

Gli elementi inline sono elementi di una pagina Web che fanno direttamente parte di un altro elemento, ad esempio un paragrafo di testo. Sono utilizzati principalmente per modificare l'aspetto del testo o la sua selezione logica. Per esempio:


Questo tag viene utilizzato quando è necessario spostarsi su una nuova riga senza interrompere un paragrafo. Molto utile quando si pubblicano poesie.

Esegui l'esempio 8.

Esempio 8. Interruzione di riga

Un tag universale progettato per definire un elemento inline all'interno di un documento.

Con un'etichetta puoi selezionare un'informazione all'interno di altri tag e impostare il tuo stile per essa. Ad esempio, all'interno di un paragrafo (tag

) puoi cambiare il colore e la dimensione della prima lettera aggiungendo un tag di inizio e fine e definire uno stile di testo per esso.

La differenza tra elementi block e inline è la seguente:

Gli elementi inline possono contenere solo dati o altri elementi inline, mentre gli elementi block possono contenere altri elementi block, elementi inline e dati. In altre parole, elementi in linea

· non può memorizzare elementi di blocco in alcun modo.

· Gli elementi a livello di blocco iniziano sempre su una nuova riga e gli elementi inline non vengono accentati in questo modo.

· Gli elementi a livello di blocco occupano l'intera larghezza disponibile, come la finestra del browser, mentre gli elementi inline sono larghi quanto il loro contenuto più i valori di riempimento, margine e bordo.

Gli elementi inline sono elementi di una pagina Web che fanno direttamente parte di un altro elemento, ad esempio un paragrafo di testo. Sono utilizzati principalmente per modificare l'aspetto del testo o la sua selezione logica.

Etichetta è uno degli elementi importanti dell'HTML ed è progettato per creare collegamenti. A seconda della presenza del nome o degli attributi href del tag imposta un collegamento o un'ancora.

Specifica lo spessore del grassetto del carattere.

Etichetta aumenta la dimensione del carattere di uno rispetto al testo normale. In HTML, la dimensione del carattere viene misurata in unità arbitrarie da 1 a 7 e la dimensione media del testo predefinita è 3. Pertanto, aggiungendo un tag aumenta il testo di un'unità convenzionale.

Etichetta
imposta una nuova riga nella posizione in cui si trova questo tag. A differenza del tag paragrafo

Utilizzo dei tag
non aggiunge un rientro vuoto prima della riga.

Etichetta progettato per enfatizzare il testo. I browser visualizzano tale testo in corsivo.

Imposta lo spessore del carattere in corsivo.

Etichetta è progettato per visualizzare immagini in formato grafico GIF, JPEG o PNG su una pagina web. Se necessario, l'immagine può essere collegata a un altro file inserendo il tag in un contenitore . In questo caso, attorno all'immagine viene visualizzato un bordo, che può essere rimosso aggiungendo l'attributo border="0" al tag .

Etichetta riduce la dimensione del carattere di uno rispetto al testo normale. Simile in azione a un tag , ma fa esattamente il contrario.

Un tag universale progettato per definire un elemento inline all'interno di un documento.

Etichetta progettato per enfatizzare il testo. I browser visualizzano tale testo in grassetto.

Visualizza il carattere come pedice. In questo caso, il testo si trova sotto la linea di base dei restanti caratteri della riga e di dimensioni ridotte - H2 O.

Visualizza il carattere come apice. La sua azione è simile a , ma il testo appare sopra la linea di base del testo - m2.

La differenza tra elementi block e inline è la seguente.

Gli elementi inline possono contenere solo dati o altri elementi inline, mentre gli elementi block possono contenere altri elementi block, elementi inline e dati. In altre parole, gli elementi inline non possono memorizzare elementi di blocco in alcun modo.

Gli elementi del blocco iniziano sempre su una nuova riga e gli elementi in linea non vengono accentati in questo modo.

Gli elementi a livello di blocco occupano l'intera larghezza disponibile, come la finestra del browser, mentre gli elementi inline sono larghi quanto il loro contenuto più i valori di riempimento, margine e bordo.

Elementi universali

La particolarità di questi tag è che, a seconda del contesto, possono essere utilizzati come elementi block o inline.

Etichetta utilizzato per evidenziare il testo che è stato eliminato nuova versione documento. Formattazione simile

consente di tenere traccia delle modifiche apportate al testo del documento. I browser in genere etichettano il testo in un contenitore come barrato.

Etichetta progettato per enfatizzare il testo appena aggiunto e viene solitamente utilizzato insieme al tag . I browser contrassegnano il contenuto di un contenitore testo di sottolineatura.

Tag per elenchi

Un elenco è un insieme interconnesso di singole frasi o frasi che iniziano con un punto elenco o un numero. Gli elenchi offrono l'opportunità di organizzare e sistematizzare vari dati e presentarli in modo visivo e intuitivo.

Etichetta

    imposta una lista ordinata, ad es. ogni elemento dell'elenco inizia con un numero o una lettera e aumenta in modo incrementale.

    Imposta elenco puntato, ogni elemento inizia con un piccolo carattere: un pennarello.

    Etichetta

  1. definisce elemento separato elenco. Etichetta esterna
      o
        imposta il tipo di elenco: puntato o numerato.

        ,
        ,

        La tripla degli elementi ha lo scopo di creare un elenco di definizioni. Ciascuno di questi elenchi inizia con un contenitore

        dove va il tag
        creazione di termini e tag
        definire il termine. Etichetta di chiusura
        non richiesto perché etichetta successiva indica il completamento dell'elemento precedente. Tuttavia, bello stileè chiudere tutti i tag.

        Tag per le tabelle

        Una tabella è composta da righe e colonne di celle che possono contenere testo e grafica. In genere, le tabelle vengono utilizzate per organizzare e presentare dati tabulari.

        Funge da contenitore per gli elementi che definiscono il contenuto di una tabella. Qualsiasi tabella è composta da righe e celle, specificate tramite tag e .

        Progettato per creare una cella di tabella. Etichetta deve essere collocato all'interno di un contenitore , che a sua volta si trova all'interno del tag

        .

        Etichetta

        funge da contenitore per la creazione di una riga di tabella.

        Vysotsky Vladimir Semyonovich, (1938-1980) poeta e attore russo

        Nel 1947-1949. viveva con suo padre e la sua seconda moglie nella città di Eberswalde-Finow (Germania), poi tornò a Mosca.

        Mentre studiava a scuola, Vysotsky era impegnato in un club di recitazione e voleva entrare nell'istituto teatrale, ma su insistenza dei suoi genitori superò gli esami al Moscow Construction Institute intitolato a V. V. Kuibyshev da dove presto partì. Nell'estate del 1956 entrò School-Studio intitolato a V. I. Nemirovich-Danchenko al Moscow Art Theatre.

        Dopo essersi diplomato in studio (1960), ha lavorato in Teatro drammatico di Mosca intitolato a AS Pushkin e al Teatro delle miniature di Mosca. Poi ha iniziato a recitare nei film.

        Nel 1964 fu ammesso Teatro drammatico e commedia di Mosca su Taganka dove ha lavorato fino alla fine della sua vita. L'artista ha interpretato più di 20 ruoli sul palcoscenico di Taganka, di cui il ruolo di Amleto dell'omonima tragedia di Shakespeare è il più famoso.

        Nel 1960-1961. Sono apparse le prime canzoni di Vysotsky. Durante la sua vita ne creò circa un migliaio. Non ufficialmente riconosciuto, bypassando radio, televisione, stampa, grazie ai nastri, le canzoni di Vysotsky sono diventate note a tutti.

        Molte canzoni e ballate erano destinate ai film. Nel 1966, Vysotsky ha recitato in quadro "Verticale" e ha scritto cinque canzoni per lei. In totale, ha recitato in 30 lungometraggi. L'anno scorso La vita di Vysotsky è stata drammatica. Con la popolarità a livello nazionale, non riuscì a ottenere la pubblicazione delle sue poesie, la pubblicazione di dischi; ha vissuto duramente la persecuzione scatenata dalla stampa. Si ammalò di sovratensione, nel 1979 subì una morte clinica.

        Morto il 25 luglio 1980 a Mosca, sepolto al cimitero di Vagankovsky. Solo dopo la sua morte fu pubblicata la prima raccolta delle sue poesie "Nerv" (1981).

        Nel 1987, per il ruolo del capitano della MUR Gleb Zheglov nel film televisivo di cinque episodi diretto da S. S. Govorukhin "Il luogo dell'incontro non può essere cambiato", gli è stato conferito postumo il Premio di Stato dell'URSS.

        Articoli correlati in alto

        è progettato per creare una cella di tabella, designata come intestazione. Il testo in tale cella viene visualizzato normalmente dal browser in grassetto e allineato al centro.

        Etichetta