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 organizzare vari dati e presentarli in modo visivo e intuitivo.
Etichetta
- imposta un elenco ordinato, ad es. ogni elemento dell'elenco inizia con un numero o una lettera e aumenta in modo incrementale.
-
Etichetta
- definisce un singolo elemento della lista. Etichetta esterna
- o
- ,
- ,
- creazione di termine e tag
- definizione del termine. Cartellino di chiusura facoltativo, poiché il tag successivo segnala il completamento dell'elemento precedente. Tuttavia, è buona norma chiudere tutti i tag.
- Pulisci sul tavolo
- cucinare cibo
- andare al calcio
- tavolo - il contenitore per il tavolo stesso;
- tr - riga della tabella, funge anche da contenitore;
- td - una cella, qui è dove viene posizionato il contenuto;
- imposta il tipo di elenco: puntato o numerato.
La terna di elementi ha lo scopo di creare un elenco di definizioni. Ognuno di questi elenchi inizia con un contenitore
- dove va l'etichetta
Ciao, cari lettori del sito del blog. In effetti, questo termine ha diversi significati che non si adattano particolarmente tra loro. Cercherò di coprire ciascuno di essi in questo post.
Imparerai, cosa sono i tag html e in che modo differiscono dai meta tag, e impara anche come i tag vengono utilizzati come tag sui siti (la loro varietà è ) e, infine, in termini generali, considera la musica tag nei file audio. Ecco quanto è versatile questo termine.
Ma in tutti i casi la parola "tag" significa markup o pagina web utilizzando codice html o l'intero sito utilizzando i tag o la tua raccolta musicale specificando un album e un brano.
Cosa sono i tag del sito (tag per la creazione della navigazione)
Iniziamo in modo semplice. Probabilmente, tutti voi avete visto che sotto alcuni articoli sui siti c'è un campo con i tag o i tag del nome, dove sono elencate alcune parole. Cosa serve? In generale, per facilitare la navigazione su questo sito ().
I tag utilizzati sono i cosiddetti parole chiave , il cui insieme caratterizza brevemente la pubblicazione (ad esempio, per pagina iniziale per il mio blog, il seguente set di tag andrebbe bene: creazione di siti web; promozione; promozione del sito web; guadagni).
Con l'aiuto di queste parole, sarà possibile determinare in modo inequivocabile di cosa tratta questo articolo. Ma il loro valore principale non sta in questo, ma nel fatto che il visitatore può cliccare su qualsiasi tag e vedere un elenco di tutti gli articoli del sito in cui si è incontrato. In effetti, è un potente strumento per classificare le informazioni.
non cercare etichette desiderate sotto gli articoli, è molto comune che i proprietari di siti Web creino un cosiddetto Tagnuvola, che può essere posizionato nella colonna sinistra o destra del sito o nel suo piè di pagina (in basso). In pratica, questa disgrazia può assomigliare a questa:
Di solito elenca i tag più popolari e puoi vedere tutti i tag facendo clic sul collegamento appropriato. A volte, i tag più comunemente usati (appaiono in Di più articoli su questo sito) sono mostrati con caratteri più grandi, quelli meno frequenti con caratteri più piccoli.
A volte viene creata una pagina separata per visualizzarli, come mostrato nello screenshot precedente.
Perchè è questo marcatura con tag non utilizzato su tutti i siti Web se è conveniente per gli utenti? Non sono nemmeno sul mio blog, per il quale ci sono una serie di spiegazioni. Sebbene il loro uso sia fornito di default, ci sono anche molti plugin per lavorare con i tag.
Sì, i tag funzionano benissimo quando hai pochi articoli e ricordi bene tutti i tag che hai già creato e utilizzato in altri articoli. Ma con un aumento del numero di materiali, il numero di tag aumenta notevolmente, iniziano a duplicarsi parzialmente quando si utilizzano parole chiave che hanno un significato vicino.
Ottiene un enorme pasticcio, il cui valore in termini di miglioramento della navigazione, a mio avviso, è piuttosto dubbio. A tale scopo, su un grande progetto web, è meglio utilizzare la ricerca nel sito. Anche se le etichette funzionano bene nei social network, in cui puoi utilizzare i tag per combinare le informazioni di diversi utenti e visualizzarle in un'unica posizione. .
Cosa sono i tag Html?
Per la prima volta ho deciso di studiarli quindici anni fa, ma poi non sono andato oltre il titolo. Poi mi sono imbattuto nel videocorso gratuito di Evgeny Popov su Html e le cose hanno cominciato ad andare bene. Certo, quel corso era solo la fase iniziale, ma è proprio una presentazione così semplice che spesso manca ai principianti.
Queste lezioni trattano i tag di base, con i quali puoi creare facilmente tabelle, inserire immagini e collegamenti ipertestuali nel testo, aggiungere vari moduli al sito e molto altro. Totale 33 video Html gratuiti.
Ma un video corso è un video corso, ma dovrei interessarti in modo che tu lo scarichi e lo guardi. Dalle frasi comuni, non è chiaro quali siano i tag nel linguaggio Html e perché è necessario studiarli. Oh, questa è una cosa fantastica e semplice che ti permetterà di diventare il padrone del tuo sito. Perché hai bisogno di un sito web?
Bene, probabilmente, prima di tutto, per l'autoespressione e lo sforzo, e in secondo luogo -. Solo più tranquillo, altrimenti tutti ascolteranno e correranno a studiare cosa sono i tag, creare siti Web e guadagnare tutto ciò che solo tu potresti guadagnare, beh, io sono per l'azienda. Pertanto, continuerò a parlare solo sottovoce.
Internet può essere paragonato alla televisione, dove realizzi il tuo piccolo programma (crea un sito sui tag) e ricevi entrate dalla pubblicità. Più popolare è il tuo programma (progetto Internet), più guadagni. Non esiste un limite superiore, ma non esiste nemmeno un limite inferiore. Ma non hai bisogno di investire denaro, solo il tuo lavoro e il tempo speso per studiare i tag, il lavoro del motore e, di fatto, riempire il sito di contenuti.
Quindi, i tag sono gli elementi più semplici del markup di una pagina web in modo che il browser, caricandolo dal server, capisca esattamente come visualizzare questo o quell'elemento (testo, immagine, video). In precedenza, il linguaggio Html era responsabile di tutto da solo, ma poi sono venuti ad aiutarlo ed è diventato molto più facile per lui. Secondo loro, Popov ha anche un corso video gratuito, che puoi scaricare da qui .
Ragazzi, quando padroneggerete i tag Html, capirete che è stato facile come sgusciare le pere. La cosa più importante è iniziare e in qualche modo stimolarsi. Non sto parlando solo del lato finanziario delle cose. Il sito può diventare la tua principale fonte di reddito e l'intera famiglia può nutrirsi da esso. Hai bisogno di fortuna, perseveranza e non aver paura di conoscere il nuovo.
I tag sono diversi, ma non ce ne sono molti (di quelli rimasti rilevanti dopo l'implementazione dei CSS). Guarda com'è semplice. Supponiamo che tu voglia creare un paragrafo: racchiudi semplicemente il testo del futuro paragrafo con i tag di apertura e chiusura P (questa è una lettera latina ed è meglio scriverla in codice in minuscolo, ma qui l'ho resa maiuscola per chiarezza ). Ecco come apparirà:
testo testo...... testo testo
Capisci la differenza tra il tag Html di apertura (all'inizio) e il tag di chiusura (alla fine)? Beh, certo, ho appena aggiunto una barra dopo la parentesi triangolare.
Ah, ho dimenticato di dirlo come fa il browser a separare i tag(markup) dal contenuto principale. Hai indovinato?
Esatto, questo parentesi triangolari in cui li racchiudiamo. Il browser ha visto una tale parentesi durante l'analisi del codice della pagina web e si è reso conto che si tratta di un tag ed elabora tutto ciò che è in esso contenuto secondo un certo algoritmo (rende i paragrafi distanziati in altezza, aumenta il carattere dei titoli, ecc.).
Se hai bisogno di usare una parentesi triangolare aperta nel testo, assicurati di farlo in modo che il browser ti capisca correttamente. Questo deve essere ricordato.
Nel codice, potrebbero apparire così:
Contengono infatti la descrizione e le parole chiave della pagina web per la quale sono registrati. Leggi di più su di loro nell'articolo sopra.
I meta tag sono scritti nel codice di una pagina web in un luogo rigorosamente definito. Sai quale? Proprio così, nella cosiddetta "testa" del documento, che consiste in un'apertura e una chiusura Tag HEAD.
Tutto ciò che è scritto al loro interno (compresi i META tag) non verrà visualizzato sulla pagina web. Si tratta di informazioni strettamente proprietarie. La descrizione e le parole chiave di cui sopra raccontano motori di ricerca sul contenuto di questa pagina Web e il meta tag sottostante .
Cosa sono i tag musicali nei file audio?
Quando hai riprodotto musica in macchina o sul tuo lettore (telefono), probabilmente hai notato più di una volta che vengono visualizzati dei terribili bug al posto del nome del brano e del nome dell'artista. Si potrebbe presumere che questi siano i nomi dei file musicali scaricati registrati nella codifica errata della lingua russa.
Se rinomini i file con , vedrai comunque un'immagine sgradevole sul tuo lettore. Cosa fare? E di chi è la colpa di questa situazione? Stranamente, ma la causa è sbagliata tag prescritti in questo file musicale.
Sono cuciti direttamente nel file audio (all'inizio o alla fine) e possono contenere informazioni sulla composizione, il suo autore, l'album, la durata della traccia e qualcos'altro non così importante. Nelle ultime incarnazioni dei tag musicali, possono essere cucite anche le immagini delle copertine dei dischi (generalmente la peste).
Ma il problema sorge, di regola, non nella loro disponibilità, ma nell'ottenere la possibilità di modificarli. Nella vita di ogni appassionato di musica che si rispetti, arriva un momento in cui è “pronto a strappare e buttare”, pur di mettere in ordine le cose nella sua collezione e prescrivere tag corretti e leggibili per tutti i brani su qualsiasi dispositivo. Come farlo?
Con l'aiuto di un software speciale. I tag stessi sono apparsi nei file audio per la prima volta alla fine del secolo scorso. Per i file MP3, lo standard per aggiungerli è stato chiamato ID3, e per i file musicali compressi senza perdita di qualità (come FLAC e simili), lo standard per l'aggiunta di tag (metadati) è stato chiamato Vorbis comment.
Per la musica registrata nel formato Windows WMA, ci sono metadati WM e per Apple MP4, metadati iTunes (a proposito, ne ho scritto di recente).
Quindi, puoi modificare i tag usando programmi speciali. Il più popolare di questi è probabilmente Tag Mp3(sito ufficiale, ma fai attenzione durante il download: non fare clic accidentalmente su un annuncio che offre di scaricare qualcosa di completamente diverso). Penso che troverai tu stesso tutti gli altri programmi, soprattutto perché questo sarà abbastanza per completare questo compito.
Questi sono i tag che si sono rivelati così diversi, che in tutti questi casi hanno svolto il loro ruolo principale: il markup (di articoli su un sito, contenuto su una pagina web o metadati nei file musicali). Spero che ora tu abbia meno domande su questo argomento.
Buona fortuna a te! A presto sul sito delle pagine del blog
Potresti essere interessato
Tag per Instagram: perché sono necessari e dove vedere i più popolari
Hashtag: cosa sono e come vengono utilizzati gli hashtag su Twitter, Instagram e altri luoghi Come aggiungere automaticamente un attributo Alt ai tag Img del tuo blog WordPress (dove non esistono)
Radikal - hosting di foto gratuito con caricamento di foto facile e veloce tramite Radikal.ru
Link: cos'è e come crearlo Che cos'è una cache: come cancellare la cache in Opera, Mozilla, Chrome e altri browser
Grande domanda: come guadagnare con il servizio di domande e risposte Il confronto è una tecnica che decora l'immagine (esempi dalla letteratura) Cos'è la Smart TV in TV
L'uomo non può vivere di sole parole,
non importa quanto li abbia inghiottiti.
Adlai Stevenson.In generale, l'HTML non è un linguaggio di programmazione. Questo è l'HyperText Markup Language. Cioè, chiamarlo "linguaggio HTML" non è corretto.
Per dirla semplicemente, HTML è elenco di tag(parole di controllo), che consentono di rappresentare il testo semplice in modo formattato. Ad esempio, selezionalo grassetto, o in corsivo ecc. Ma puoi presentare il testo in questo modo solo in programmi speciali - (programmi con cui navighi in Internet).
Visualizzano solo testo formattato e nascondono Tag HTML utilizzato per la formattazione. Per rendere più chiaro di cosa sto parlando, fai clic destro su questa pagina e seleziona "Codice sorgente" o qualcosa di simile dal menu che si apre. Questa pagina si aprirà davanti a te nella sua forma attuale.
Puoi creare codice HTML sia in normale che in uso programmi speciali, così detto . Gli editor visivi differiscono dagli editor di testo in quanto sono progettati per un insieme di HTML, CSS, JavaScript, PHP, ecc., ad es. 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), gli editor visivi rendono questo processo molto più semplice. Personalmente, uso . Questo è tutt'altro che il migliore 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 l'elenco dei browser in questo menu), quindi torno a Dreamweaver e continuo a modificare. Qui . Questo è ciò che riguarda gli strumenti, ora passiamo direttamente ai tag HTML.
Partiamo dalla struttura della pagina html, o meglio dai suoi tag principali.
Tag di pagina HTML obbligatori
I tag HTML richiesti (di base) utilizzati in ogni documento html includono quanto segue:
Nota. Affinché il browser emetta il codice HTML come testo (non lo interpreti in codice), dopo ogni parentesi angolare di apertura " » Lascio un vuoto. Tu, quando digiti il codice, spazi NON PARTIRE.
Come vedi, tutti i tag sono accoppiati(c'è un tag di apertura e un tag di chiusura), quasi tutti i tag in HTML sono così. Il tag di apertura differisce dal tag di chiusura in quanto il tag di chiusura è preceduto da una barra " / ". Questi tag sono anche chiamati contenitore, perché altri tag possono essere inseriti tra di loro, ad es. mettere in un contenitore. Puoi vedere di persona che ci sono altri tag tra i tag e .
Puoi digitare i nomi dei tag come lettere maiuscole, e maiuscolo, non c'è differenza. Cioè, i record del modulo e per il browser non hanno differenze e vengono interpretati allo stesso modo. Ora parliamo più in dettaglio di cosa significano questi tag.
Quindi, i tag principali mostrano ai browser e ad altri visualizzatori di pagine ipertestuali che hanno a che fare con un documento ipertestuale. Qualsiasi documento html deve iniziare con e terminare con. Cioè, tra questi tag c'è TUTTO codice della pagina html.
Tra i tag e ci sono i meta tag (titolo della pagina, descrizione, parole chiave, ecc.). Memorizzano informazioni sulla pagina html e informazioni tecniche. In generale, questo tag è facoltativo, cioè senza di esso, il documento html verrà visualizzato normalmente dai browser. Ma anche se non hai intenzione di utilizzare l'area dell'intestazione, mantieni almeno le cose semplici. Ciò è necessario per la compatibilità tra le diverse versioni dei programmi.
Tutte le informazioni 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 in pannello superiore navigatore). Ma possono fornire grande influenza sull'aspetto della pagina html, la sua vita su Internet e il posizionamento. Parleremo più approfonditamente dei tag che si trovano nell'intestazione di un documento ipertestuale in seguito.
Il contenuto principale del 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) di questi tag obbligatori. 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:
Lo sfondo dell'intera pagina sarà rosso.
Qui etichetta- questo è in realtà un tag; bgcolor- il suo attributo; "#FF0000"- valore dell'attributo (un tag può avere diversi attributi).
Nota. Tutti gli attributi dei tag e i relativi valori sono specificati in apertura tag (quello che senza barra in avanti), ma mai in quella di chiusura.
E così, abbiamo scoperto i tag principali del documento html. Ora è il momento di esplorare il resto in modo più dettagliato. Qui voglio fare una piccola digressione.
Come suggerisco di imparare l'HTML
Applicando in pratica le conoscenze acquisite da, 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 nuovi arrivati, in secondo luogo, lo studio delle basi dell'HTML va in ordine.
T . e. Innanzitutto, vengono considerati i tag di intestazione del documento html (, e quindi i tag "body" ().
Sulla base della mia esperienza, oserei dire che un tale ordine di apprendimento delle basi dell'HTML per un principiante è categoricamente inaccettabile. Un principiante tenta di apprendere tutti questi numerosi e oscuri title tag, in primo luogo, senza vedere i risultati del suo apprendimento (ti ricordo che i title tag 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 concepito (almeno all'inizio dei lavori).
Pertanto, perde solo tempo e voglia di continuare a imparare l'HTML. Allo stesso tempo, affermando l'opinione che solo i "guru" possono farlo con buoni soldi. Lascerei anche questa lezione se non me ne fregasse niente di ciò che ancora non capisco e non andassi oltre.
Pertanto, ti suggerisco di considerare prima i tag relativi al "corpo" del documento html (), e solo successivamente passare al resto. Inoltre, il "corpo" della pagina html contiene informazioni per le quali verranno i visitatori del sito. E crearlo o trovarlo è molto più difficile che scrivere codice.
Bene, ora, senza un attimo di ritardo, premi il pulsante "Avanti" e continua a imparare come questi ragazzi con la barba lunga e assonnati creano siti web.
Oggi esamineremo i tag html per la creazione di un sito web. Non sono tutti di fila, ma quelli che vengono utilizzati più spesso durante la creazione di siti Web e layout. Perché ci sono solo molti tag che sono necessari una volta all'anno e ci sono quelli che userai sempre. Bene, allora andiamo. Alla fine avremo una semplice pagina web con tutti gli elementi principali.
Tag della struttura del documento HTML
Questi sono i tag globali di cui abbiamo comunque bisogno. Non vengono visualizzati sulla pagina Web, ma consentono di contrassegnare la struttura. Ad esempio, il tag html. Oggi molto spesso non è nemmeno scritto, non ce n'è proprio bisogno. In generale, è un contenitore comune per l'intero documento html. Tutto il resto è incluso in esso.
Poi vengono 2 sezioni - testa e corpo. Il primo contiene vari tipi di parametri della pagina web, si connette file esterni eccetera. Ad esempio, qui viene impostata la codifica del sito, vengono scritti meta tag, titolo, stili css e script web collegati. In generale, per la performance del sito, la sezione head ha un ruolo cruciale.
Bene, il corpo è il corpo della pagina. Qui scriviamo già ciò che viene visualizzato direttamente sullo schermo. Successivamente, esamineremo direttamente i tag utilizzati nel corpo della pagina.
Formattazione del testo
Di solito, la formattazione viene sempre discussa per prima quando si tratta di html. In effetti, cosa potrebbe esserci di più importante del testo sulla pagina e del suo design competente?
Ad esempio, creiamo tre paragrafi. Uno sarà semplice, il secondo sarà in grassetto e il terzo sarà sottolineato.
Del testo in un paragrafo, imita il riempimento
Del testo in un paragrafo, imita il riempimento
Questo è approssimativamente il modo in cui formattiamo il testo usando i tag discussi in quell'articolo.
Tag HTML per immagini (immagini)
Per le immagini, c'è solo 1 tag principale - img . E, a sua volta, ha solo 1 parametro richiesto: src , ovvero il percorso del file. Tutto il resto può essere configurato tramite css. In realtà, ho anche scritto in dettaglio sull'inserimento di un'immagine, beh, ecco un esempio dell'inserimento più semplice:
Il tag, come puoi vedere, è singolo, cioè la parte di chiusura non è necessaria. Il percorso è impostato in base alla posizione della pagina html. La mia foto era nella stessa cartella della pagina web, il che significa che il percorso si è rivelato il più breve possibile.
Puoi cambiare la dimensione del katinky usando gli attributi larghezza e altezza, ma è meglio farlo tramite css. Ma oltre al tag img, html5 ha anche tag che in qualche modo aiutano a progettare l'immagine. Sono figure e figcaption . Cioè, una figura e una didascalia. In generale, l'ambito di questi tag è più ampio, ma considereremo un esempio con un'immagine:
Camminare Bene, un paio di righe css:
Figure( width: 300px; ) figcaption( text-align: center; color: gray; )
Questi tag semplificano solo l'aggiunta di didascalie alle immagini:
Tag per i collegamenti
ancora
Cioè, c'è anche 1 attributo obbligatorio - href . Senza di esso, il browser semplicemente non capirà dove andare. L'indirizzo deve essere specificato con il protocollo http://. Ebbene, tra i tag di apertura e di chiusura, indichiamo direttamente l'ancora stessa, cioè il testo che vedremo nella pagina.
Liste su pagine web
Con le liste, tutto è anche abbastanza semplice. Esistono 2 tipi di elenchi: puntati e numerati. Differenze solo in aspetto esteriore enumeratore. Cioè, questi sono numeri o solo indicatori.
L'elenco numerato viene creato con il tag ol e gli elementi stessi con i tag li. Puoi inserire tutti gli altri tag e qualsiasi contenuto che desideri in questo tag.
Per impostazione predefinita, l'elenco è già visualizzato con determinati rientri.
L'elenco puntato, rispettivamente, viene creato utilizzando il tag ul e al suo interno sono presenti tutti gli stessi li .
tabelle
Ho scritto di più sui tag di tabella qui. In breve, è:
Creiamo una semplice tabella:
Cella 1 Cella 2 Cella 1 Cella 2 Bene, tramite css l'ho progettato un po':
Table( border-collapse: collasso; ) td( border: 1px rosso fisso; padding: 15px; )
Se non capisci cos'è il css, allora ti invito a leggere contemporaneamente, tutto ti sarà subito chiaro.
Le forme
I moduli sono anche molto importanti durante la creazione di siti Web, poiché vengono utilizzati sempre. Secondo me, non ho ancora un articolo sensato sul blog sui moduli, quindi ho bisogno di scrivere. Per ora, creiamo un semplice form:
Elementi principali del modulo:
- modulo - il contenitore del modulo stesso, in cui sono inseriti tutti i campi. Affinché il modulo funzioni correttamente, è necessario impostare gli attributi di azione e metodo, ma questo funziona già con il linguaggio php.
- input: il campo del modulo, quale sarà, dipende dal valore nell'attributo type. Ad esempio, text è un campo per l'inserimento di testo normale, password è un campo per l'inserimento di una password, checkbox è un segno di spunta, submit è un pulsante di invio del modulo. Naturalmente, questi non sono tutti valori, ma scriverò di più sugli altri in un articolo separato sui moduli (prossimamente).
- Bene, elementi ausiliari. Nel nostro caso, si tratta di testo e interruzioni di riga.
Le possibilità dei moduli, soprattutto con l'avvento di html5, sono diventate molto ampie. Puoi creare un numero illimitato di campi in essi, contrassegnarli come obbligatori, impostare modelli, ecc. Ancora una volta, scriverò di tutto questo separatamente in qualche modo.
Blocco ed elementi in linea
In generale, tutti gli elementi in html possono essere suddivisi approssimativamente in due categorie: block e inline. I tag incorporati includono, ad esempio: b(grassetto), img (immagine), a (link), ecc. Cioè, possono essere usati più volte su una riga.
I blocchi sono una questione completamente diversa. Un blocco può essere solo uno per riga. Esempi di blocchi: paragrafi, tabelle, elenchi. Cioè, non possono esserci 2 paragrafi su una riga, giusto?
Ci sono tag in html che designano semplicemente un blocco e un elemento in linea senza dargli altre proprietà. Sono span e div . Il primo è minuscolo e il secondo è blocco. Utilizzato nel layout tutto il tempo. Per aiutarti a capire la differenza, ecco un esempio:
TestoTestoTestoTesto Testo TestoQuesti sono probabilmente tutti i principali tag html per la creazione di un sito che vengono davvero utilizzati sempre e che devi davvero conoscere.
Tag HTML (cheat sheet)
Documento HTML (pagina) - un documento scritto in HTML. Racchiuso tra tag e .
Valori dei tag di markup del documento
I tag di markup sono comandi speciali per la disposizione di frammenti di testo, grafica, video e audio sullo schermo, nonché comandi per il collegamento con altri documenti HTML e risorse Internet.
Tag di markup di base
e . Tra questi tag ci sono informazioni sul documento.
e . Il "corpo" del documento (testo, grafica, ecc.) è posto tra questi due tag.
Opzioni tag :
BGCOLOR - colore di sfondo ( BGCOLOR="#000000" > )
SFONDO - sfondo
TESTO - colore del testo
ALINK - colore del collegamento attivo
e
- tag che servono per evidenziare i paragrafi. Un nuovo paragrafo è sempre separato dal precedente da una riga vuota.
- un tag utilizzato per avvolgere il testo su un'altra riga. Può anche essere utilizzato per separare la grafica dal testo mediante spaziatura.
- un tag che serve a separare logicamente il testo con una linea orizzontale.e - Il testo preformattato viene inserito tra questi tag. Viene visualizzato sullo schermo con un carattere come "corriere".
Opzioni di allineamento
Usato in
e
ALIGN= LEFT - allineamento a sinistra
ALIGN= RIGHT - allineamento del margine destro
ALIGN= CENTER - allineamento al centro
tag di allineamento
e - allineamento al centroIntestazioni che servono a evidenziare parti logiche del testo
Tag per evidenziare testo e font
e- tag per evidenziare il testo (parole, lettere) in grassetto.
e - tag per evidenziare il testo (parole, lettere) corsivo, come il corsivo.
e - il testo tra questi due tag verrà sottolineato.
e - il testo situato tra questi due tag lampeggerà.
TAGLIA=n> e - tag per modificare la dimensione del carattere (dove n è la dimensione del carattere in px pixel).
COLORE="# ffffff"> e - tag per cambiare il colore del carattere.
Tag per la generazione di elenchi
Tag-comandi per l'inserimento di oggetti di informazioni non testuali nel testo
SRC="file.gif" > o
SRC= "file.jpg" > - comando per inserire un'immagine grafica
SRC= "file.wav" > - comando per inserire una clip audio
SRC= "file.avi" > - comando per inserire un frammento video
Opzioni grafiche
WIDHT - larghezza dell'immagine in pixel
ALTEZZA - altezza dell'immagine in pixel
ALIGN - allineamento (ALIGN= LEFT - allineamento a sinistra, ALIGN= RIGHT - margine destro, ALIGN= TOP - margine superiore, ALIGN= BOTTOM - margine inferiore, ALIGN= MIDDLE o CENTER - centro)
HSPACE - offset orizzontale dall'immagine grafica
VSPACE - offset verticale
ALT - testo alternativo, utilizzato per designare un'immagine
Comandi utilizzati per il collegamento ipertestuale con altri documenti HTML e risorse Internet
href="fail.htm"> e o HREF="http://www.ru"> e - collegamenti ipertestuali
HREF="mailto: @mail.ru"> [email protected] - collegamento ipertestuale all'indirizzo e-mail
tabelle
Tabella: una griglia per la visualizzazione dei dati in righe e colonne, nonché uno strumento per la formattazione del testo
e
- tag per inserire una tabella in un documento HTMLOpzioni tag
BGCOLOR - colore di sfondo
BORDO - larghezza del bordo
WIDHT - larghezza del tavolo
Tag di markup della tabella
e - Linea del tavolo. Può avere parametri BGCOLOR - colore di sfondo all'interno della stringa;ALIGN= LEFT , RIGHT , CENTER - allineamento all'interno di una linea;
VALIGN= TOP , BOTTOM , MIDDLE - allineamento verticale all'interno di una riga della tabella.
e - Colonna della tabella. Può avere parametri BGCOLOR - colore di sfondo sotto la colonna;ALIGN= LEFT , RIGHT , CENTER - allineamento all'interno di una colonna;
COLSPAN allunga una cella in più colonne, ROWSPAN - allunga una cella in più righe.
e - Intestazione di colonna. Può avere parametri BGCOLOR - colore di sfondo sotto il titolo;ALIGN= LEFT , RIGHT , CENTER - allineamento;
VALIGN= TOP , BOTTOM , MIDDLE - allineamento verticale;
COLSPAN , ROWSPAN - allungando una cella in più colonne o righe; WIDHT - larghezza del titolo.
Cornici
Frame - frame - un mezzo per dividere lo schermo in diverse aree, ognuna delle quali visualizza il contenuto di una pagina Web o di un sito Web separato.
e tag per creare una cornice
Opzioni tag
COLS - suddivide lo schermo in un certo numero di colonne (verticali)
RIGHE - suddivide lo schermo in un certo numero di colonne (orizzontali)
BORDCOLOR - colore del bordo
BORDO - larghezza del bordo
FRAMEBORDER - bordo della cornice (FRAMEBORDER= YES - c'è un bordo, FRAMEBORDER= NO - nessun bordo, FRAMESPACING= n - larghezza del bordo)
Tag per descrivere il telaio ( SRC="file.htm" > ).
Opzioni tag
SCROLING - parametro per regolare la barra di scorrimento:
SCROLING= YES - la barra di scorrimento sarà sempre
SCROLING=NO - nessuna barra di scorrimento
SCORRIMENTO= AUTO - la barra di scorrimento appare solo quando necessario
MARGINWIDHT e MARGINHEIGHT - parametri che controllano l'indentazione all'interno dei frame, servono per allineare l'immagine grafica all'interno del frame
NORESIZE - un parametro che indica che la dimensione del frame-frame non cambierà mai.
Un collegamento a HREF= "file.htm" TARGET= "frame2" > file.htm - Comunicazione tra frame
TARGET - attributo di collegamento tra frame. Ha diversi significati:
BLANK carica il contenuto della pagina specificata dal collegamento in una nuova finestra vuota.
SELF il contenuto della pagina specificata dal collegamento nella finestra che contiene il collegamento.
PARENT carica il contenuto della pagina specificata dal collegamento nella finestra che è l'immediato proprietario del frameset.
TOP il contenuto della pagina specificata dal collegamento nella finestra, ignorando i frame utilizzati.
Gestione dei browser che non supportano i frame:
I frame si trovano qui
Ecco il testo senza frame
Ticker
TESTO - tag che crea una linea corrente
- Se la linea di corsa deve essere diretta da destra a sinistra
- movimento da sinistra a destra.
scroll - movimento standard da destra a sinistra
diapositiva: l'iscrizione corre una volta dal bordo destro a sinistra, dove rimane.
alternato - movimento dal bordo destro della pagina a sinistra e indietro. Ciclo infinito.
- Limitazione del numero di cicli. Il valore n dell'istruzione LOOP specifica il numero di iterazioni del ciclo.
- specificare la larghezza dell'area occupata dalla linea corrente, dove n è la larghezza della parte della pagina in cui si trova la linea corrente. Il valore di n è specificato sia in pixel che come percentuale della larghezza totale della parte visibile della pagina.
- Regolazione del movimento della scritta sullo schermo. dove n è il numero di pixel.
- In questo caso, la variabile - tempo t - è misurata in millisecondi. Il metodo di impostazione della velocità consiste nello specificare il tempo dopo il quale il testo verrà ridisegnato nuovamente sullo schermo.
TAGLIA=n > TESTO - la possibilità di specificare la dimensione del carattere del testo nella riga.
- dipingere la superficie della linea di corsa in qualsiasi colore, dove n può essere specificato come numero esadecimale o scrivendone il nome
- indica l'altezza del ticker
Imposta elenco puntato, ogni elemento del quale inizia con un piccolo carattere: un pennarello.