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

 - Determina il paragrafo del testo. Etichetta 
È un elemento a blocchi, inizia sempre con una nuova riga, i paragrafi del testo che si stanno comportando a vicenda sono separati tra loro. Il valore di fatturazione può essere controllato da stili. Se non c'è nessun tag di chiusura, si ritiene che la fine del paragrafo coincida con l'inizio del prossimo elemento del blocco.
..
..

 - HTML offre sei intestazioni di diversi livelli che mostrano l'importanza relativa della sezione situata dopo il titolo. Quindi, tag. 
 rappresenta l'intestazione più importante del primo livello e il tag 
 Serve per indicare il titolo del sesto livello ed è il meno significativo. Per impostazione predefinita, l'intestazione del primo livello viene visualizzata dal più grande font del carattere, le intestazioni di livello successive di dimensioni sono inferiori. Tags. 
,…,
 Questi sono gli elementi del blocco, iniziano sempre con una nuova linea, e dopo di loro, altri elementi vengono visualizzati sulla riga successiva. Inoltre, l'intestazione e dopo che è stato aggiunto spazio vuoto. Il tag ha un attributo allineare.che definisce l'allineamento dell'intestazione, può prendere valori sinistra. - titolo di livellamento sul bordo sinistro, centro - Allineamento al centro, giusto- Allineamento sul bordo destro, giustificare.- Allineamento della larghezza (simultaneamente sul bordo destro e sinistro). Questo valore funziona solo per il titolo, il cui lunghezza è più di una riga.


 - È un contenitore per cambiare le caratteristiche del carattere, come dimensioni, colore e cuffia. Sebbene questo tag sia ancora supportato da tutti i browser, è considerato obsoleto ed è consigliato rifiutare di rifiutare gli stili. Il tag ha 3 attributi: colore - imposta il colore del testo, viso. - Determina l'auricolare del font, dimensione - Specifica la dimensione del carattere nelle unità convenzionali.

 - segna il testo come citazione o nota a piè di pagina a un altro materiale. Tale selezione è conveniente per cambiare lo stile del testo tramite CSS e si applica anche a dividere il codice HTML sugli elementi strutturali. I browser in genere impostano il testo all'interno del contenitore  Corsivo.

 - Indica che la sequenza di caratteri è un'abbreviazione. Usando l'attributo. titolo La riduzione è data, il che consente di comprendere l'abbreviazione a quelle persone che non hanno familiarità con esso. Inoltre, i motori di ricerca indice un'opzione di riduzione del testo completo, che può essere utilizzato per aumentare la valutazione del documento.
Predefinito, testo racchiuso nel contenitore  enfatizzato la linea tratteggiata.
Sotto darò il codice in cui ho usato tutti questi tag:

 




Html. E. CSS. Sono due delle tecnologie principali per la creazione di pagine web. HTML fornisce la struttura della pagina, CSS. Layout (visivo e auricolare), per una varietà di dispositivi. Insieme a grafica e scripting, HTML e CSS sono la base delle pagine Web e delle applicazioni Web. Scopri di più sotto:
Cos'è HTML?
HTML è la lingua per descrivere la struttura delle pagine Web. HTML offre agli autori i mezzi per:

 Pubblica documenti online con predischi, testo, tabelle, elenchi, foto, ecc. 
 Recupera le informazioni online tramite collegamenti ipertestuali, con il clic di un pulsante. 
 Moduli di progettazione per la conduzione di transazioni con servizi remoti, per l'uso in cerca di informazioni, effettuare prenotazioni, prodotti di ordinazione, ecc. 
 Includi fogli di spread, video clip, clip audio e altre applicazioni direttamente nei loro documenti. 

 Con HTML, gli autori descrivono la struttura delle pagine che utilizzano Markup. Gli elementi del contenuto dell'etichetta della lingua come "Paragrafo", "Elenco", "Tabella", e così via.
Cos'è xhtml?
XHTML è A. variante di HTML. Ciò utilizza la sintassi di XML, la lingua del markup estensibile. XHTML ha tutti gli stessi elementi (per paragrafi, ecc.) Come variante HTML, ma la sintassi è leggermente diversa. Poiché XHTML è un'applicazione XML, è possibile utilizzare altri XML utensili. IT (come XSLT, una lingua per trasformare il contenuto XML).
Cos'è CSS?
CSS è la lingua per descrivere la presentazione delle pagine web, compresi i colori, il layout e i font. Permette di adattare la presentazione a diversi tipi di dispositivi, come schermi di grandi dimensioni, schermi piccoli o stampanti. CSS. È. indipendente Di HTML e può essere utilizzato con qualsiasi markup basato su XML linguaggio Linguaggio. La separazione dell'HTML da CSS semplifica la manutenzione di siti, condividere fogli di stile tra le pagine e le pagine su misura a diversi ambienti. Questo è indicato come la separazione della struttura (o: contenuto) dalla presentazione.
Quali sono i webfonts?
Webfonts. È una tecnologia che consente alle persone di utilizzare font su richiesta sul Web senza richiedere l'installazione nel sistema operativo. W3C ha esperienza in caratteri scaricabili attraverso HTML, CSS2 e SVG. Fino a poco tempo fa, i font scaricabili non sono stati comuni sul Web a causa della mancanza di un formato di font interoperabile. Lo sforzo di WebFonts prevede di affrontare il fatto che attraverso la creazione di un formato di font aperto, supportato dal settore per il web. (Chiamato "woff").


La conferenza è arrivata alla fine, spero che la conoscenza acquisita ti sia utile! Nella prossima lezione, ti dirò che il tag si tiene in se stesso , Impara a eseguire tutti i tipi di manipolazioni con immagini e conoscere le tabelle.
Quando scrivi questo articolo, è stata presa la descrizione di alcuni tag da qui
o studiare lezioni HTML in modo indipendente e gratuito
 
Vuoi creare il tuo sito web su Internet? - Molto buona! Html. Le lezioni ti aiuteranno con questo.
 
Lingua del markup ipertesto o abbreviato Html. - La lingua dei documenti di marcatura ipertestuale, il prodotto del consorzio W3C - si basa su quasi tutte le pagine Web esistenti, che lo mette in primo luogo nella gerarchia degli strumenti per creare siti. Attenzione particolare dovrebbe essere prestata allo studio delle lezioni di questa sezione.
 
Lezioni HTML. - Queste sono lezioni per creare pagine online.
 
Lezioni HTML. - Il primo passo verso lo sviluppo dello sviluppo del sito online.
 
Lezioni HTML. E lezioni web design sono concetti completamente diversi.
Nuovo, moderno lezioni HTML. Sviluppato specificamente per principianti.
 
Sintassi Html. Abbastanza semplice e facile da capire, ma ciò non significa che il processo di apprendimento andrà senza problemi e senza errori. Non c'è bisogno di aver paura di loro - sono inevitabili. Fare errori, ottieni informazioni su come non dovresti scorrere ulteriormente, questa informazione vale un certo sforzo, tempo e quindi particolarmente prezioso. Questo accumula conoscenza ed esperienza.
 
Creando le tue prime pagine, ti piacerà l'idea che scopri il mondo per te stesso che non sapeva e non ha nemmeno indovinato la sua esistenza - il mondo di altre opportunità è il mondo del web.
 
Stai attento! Puoi aggiungere una nuova lezione.
 
Nuove lezioni HTML | Esempio di codice HTML.
 
Considera i suoi elementi:
 
Tag che definiscono l'inizio e la fine del documento.
 
Sezione Servizio. Ecco i comandi per i browser, istruzioni per i robot di ricerca, collegamenti a file remoti, script.
 
Tag che definiscono l'intestazione principale del documento.
 
Questa sezione contiene l'intera parte visibile della pagina web.
 
Nel browser vedremo Hello World! :
 
Per studiare Html. Blocco note è necessario. In esso stanteremo manualmente il codice. Forse tutto ... L'interpretazione del codice è impegnata nel software per visualizzare pagine Web, cioè, Internet Explorer, Firefox, Opera, Chrome e altri browser.
 
Nelle lezioni di questo corso saranno presentati HTML 5., Inclusione XHTML e CSS. Tale combinazione è ottimale per l'apprendimento e può accelerare significativamente nello sviluppo del materiale.
 
Attualmente sul sito ufficiale del consorzio W3C sono già disponibili specifiche HTML 5.. Lo sviluppo della quinta versione è iniziata nel 2007, si basa su di esso XML. E in sostanza è integrato con nuovi elementi e attributi, Xhtml.-mangiare. Quinta versione Html. Offre funzionalità più ampie e semplifica il processo di creazione di siti interattivi e applicazioni web. Oltretutto, HTML 5. Contiene elementi aggiuntivi che forniscono il posizionamento all'interno della pagina Web del contenuto multimediale.
 
Nuovo Html. Non ha ancora ricevuto lo stato della raccomandazione, e i suoi tag, in questa fase, sono riconosciuti solo da alcuni browser. Ma nonostante ciò, le lezioni HTML 5 sono disponibili oggi.
 
POST Scriptum: Internet è composto da una moltitudine infinita di pagine relative ai collegamenti ipertestuali, attraverso il "protocollo di trasferimento ipertestuale" - Protocollo di trasferimento ipertestuale o protocollo HTTP abbreviato - Transfer Abbreviato sotto forma di documenti ipertestuali. E cos'è Html.? Html. - Hyper Text Markup Language. o il linguaggio dei documenti di marcatura ipertestuale.
Questo articolo non finge di essere una guida esauriente sul linguaggio di markup dei documenti HTML. Descrive le fondazioni di HTML - Principi di base, concetti e definizioni di questa tecnologia, dopo aver padroneggiato, che può essere facilmente spostato sullo studio della codifica HTML.
 
Castello
 
Francobollo
Per esplorare la lezione, scaricare l'archivio con i file necessari.
Html. - Questo è un linguaggio di markup documenti. Pronuncia di corretta Eich ti el el.
Probabilmente hai lavorato mai in Word Document Editor o applicazioni di ufficio simili? Probabilmente sai che questo tipo di editor ha ricche opportunità per la modifica del testo, la posizione degli elementi, inserendo immagini, ecc.
Perché chiedi, scrivi in \u200b\u200bun articolo dedicato all'HTML sui processori di testo? Ma perché. Se lo scopri, cos'è un editor di ufficio? Questa è un'applicazione per la modifica e la visualizzazione dei documenti.
Parola chiave qui - documento
. Cioè, creiamo, modifichiamo e guardiamo un documento in qualche programma, in questo caso - nell'editor di Office. Se apri questo documento in un semplice editor di testo, ad esempio, in un notebook, vedremo molti personaggi e segni strani. Questo porridge dei simboli è incomprensibile all'umanità, ma comprensibile ai computer. Grazie a questo linguaggio interiore, il documento di parole acquisisce una certa struttura e aspetto nell'editor stesso, e il documento appare davanti a noi in tutta la sua gloria con testo e immagini formattati al suo posto.
Html. - Questa è una lingua del markup della lingua per il browser. Word "Ohm serve un browser qui e il documento è una pagina HTML. Questa è la più base della tecnologia HTML, la cui comprensione è necessaria per non confondere il web dei documenti Web con i linguaggi di programmazione. Il nome parla per stesso - con HTML, noi posizionedove la pagina verrà visualizzata l'oggetto, l'immagine o il testo, e in quale ordine si seguiranno.
Sì, un semplice set e formattazione di testo nelle applicazioni per ufficio non hanno nulla in comune con la programmazione. Ma il lettore di supervisione noterà un dettaglio importante - nel processore di testo digitiamo, modifichiamo e formatiamo testo e immagini utilizzando pulsanti e menu visivi, ma perché il codice HTML è scritto manualmente? Perché studiare così tanti dettagli tecnici della scrittura del markup per il documento?
In effetti, ci sono molti editor con cui è possibile creare e modificare le pagine HTML per analogia con la parola. Cioè, il codice HTML di origine per noi è nascosto e non ci arrampichiamo.
Singola parola per HTML. Tali editori visivi sono chiamati:

 Wysiwyg.
 EDITORI - W.cappello. Y.ou. S.ee. IO.s. W.cappello. Y.ou. G.et. Cioè, se traduciamo in russo: quello che vediamo, allora otteniamo.
Li chiamo "vuziwow". Sebbene sia foneticamente e non correttamente, ma indica vividamente la mancanza di significato della presente invenzione. I neofiti usano molto spesso tali editor per creare i loro primi siti. Naturalmente, è conveniente - non è necessario approfondire lo studio dei tag, degli stili di progettazione e degli altri, a prima vista, cose spiacevoli e complesse. L'editor stesso converte automaticamente le nostre azioni in codice HTML.
Ma, come si suol dire, non succede nient'altro. E se più specificamente, questo approccio ha gravi svantaggi. Ciò che impedisce a tutti in fila di utilizzare gli editori visivi per progettare pantaloni HTML? Il fatto è che le pagine formate in questo modo hanno, di regola, un sacco di codice in eccesso, un sacco di errori da un punto di vista semantico. Ora, naturalmente, non ci sono problemi con la connessione internet ad alta velocità e la differenza della dimensione della pagina 400 KB e 100 KB non sono significative per la velocità, ma il codice HTML ottimizzato e correttamente scritto elimina l'insieme dei problemi e Dà molti vantaggi, vale a dire:
Il codice HTML competente ha un effetto positivo sull'ottimizzazione dei motori di ricerca, la velocità di scansione di un sito di robot di ricerca. Il codice generato dal codice Vuzivuga qui non è accettabile e persino dannoso;
 
Il codice HTML generato da WYSIWYG Editor ha molti errori semantici. Cioè, i tag generati da tale editor non vengono utilizzati come scopo, dove è necessario utilizzare, ad esempio, elenchi 
L'editore genererà a noi un altro tag non necessario. Naturalmente, dipende dall'editor, ma qui ci sono soluzioni integrate per la creazione di siti e non una facile modifica del testo nell'area di testo con WYSIWYG.
 
Molti tag extra sono generati e la struttura del documento è gonfiata. Supponiamo di spostare l'elemento in un tale programma prima a destra, quindi a sinistra, quindi la traccia rimane nel codice HTML di origine da ogni azione. L'editor è un programma e non può sapere cosa vuoi ottenere come risultato, forma tonnellate di codice, tenendo conto di tutti i possibili comportamenti del documento nel browser.
 
Di norma, gli editori per la progettazione visiva del codice HTML vengono rapidamente agitati. E a causa della mancanza di interesse da parte dei professionisti - il sostegno generalmente privato e si fermano nello sviluppo. E si sviluppa HTML. Tutto sviluppa, ad eccezione delle università. Di conseguenza, non possono generare il diritto giusto e moderno in cui sarebbero stati coinvolti nuovi chip e soluzioni.
 
Supporta tali progetti e sviluppare - Case Kara. Sull'uso dei modelli e del riutilizzo del codice vocale non può essere.
Quindi, HTML scriverà solo con le maniglie. Strumenti adeguati per la modifica visiva HTML non sono ancora arrivati \u200b\u200be sono improbabili che appaiano. Il linguaggio di markup HTML è facile da imparare e comprendere, e il mezzo per scrivere il set di codice HTML, ma su di esso in altre lezioni.
Portare un po 'con un editor wysiwyg, il giovane HTML-Guru la lascia una lezione senza redtomissione e andare avanti.
Struttura del documento HTML.
Consiglio di scaricare e installare l'editor di testo sublime. Intruteriera Non consiglio di utilizzare la disposizione HTML incorporata in Windows "Blocco note", se non si desidera rompere una psiche nei primi pori dello studio HTML.
Abbiamo deciso che il codice HTML del documento sarà scritto manualmente, cioè trucco. Layout HTML. - il processo di creazione di un documento HTML. In cerchi comuni e ben informati - solo layout. Qualsiasi documento ha una struttura e alcune regole per la costruzione. Quali elementi è il codice, quale struttura da HTML?
Creiamo un modello iniziale sul computer - File index.html., Aprire usando l'editor e inserisci il seguente codice in esso:

 


 
 
 
 
 

 Corpo del documento
 Si prega di notare i documenti HTML hanno un'estensione .html..
Quindi, in ordine dall'esempio.
 - Tipo di documento (DC)
 
Questo design è sempre indicato all'inizio del documento per il corretto browser "comprensione" di quale versione di HTML viene utilizzata durante la creazione di un documento.
A causa del fatto che HTML è in costante sviluppo, ha diverse versioni, come qualsiasi prodotto del programma. La versione corrente di HTML è il quinto e uno dato nell'esempio. farmaco è rilevante.
In linea di principio, non ha senso approfondire lo studio del tipo di documento, perché con l'uscita HTML5, questo design è diventato lo standard. Basta inserirlo all'inizio del documento ogni volta che si avvia il layout del sito.
 - Inizio del documento
 
Il primo tag che ci incontriamo dopo che il dottore è .
Tag html. - Unità strutturale del documento HTML di marcatura. Il codice HTML si piega da mattoni, che sono indicati come tag. Ogni tag ha la propria funzione, e lo studio della lingua del markup HTML, in definitiva, è proprio nello studio dei tag e delle loro proprietà nel documento.
Mi piacerebbe notare che lo studio dell'HTML non è una lezione così complessa, come potrebbe sembrare a prima vista. Per apprendere i tag usati nel markup - non un carico così grande sul cervello.
Quindi, il markup del documento inizia con il tag  e termina con un tag di chiusura. Ogni tag che contiene altri tag o elementi dovrebbe essere chiuso tag di chiusura. Per esempio, , , 
, eccetera.

Etichetta  È obbligatorio, poiché contiene l'intera struttura del documento ed è una shell per altri elementi.
Etichetta 
 
Quindi, vediamo etichetta 
che contiene gli altri fino a quando gli oggetti lo capiscono. Contiene altri elementi - questo significa che elementi o tag sono tra il tag di apertura e chiusura della struttura:

 <тег> Contenuto o altri tag
Etichetta  È inteso per la memorizzazione della metamming del documento HTML, cioè le informazioni che non vengono visualizzate nel documento stesso, ma è importante e in gran parte determina il modo in cui il documento guarderà e come comportarsi. 
Questo tag è richiesto nel documento.
Etichetta 
Titolo