Una programmazione HTML Tutorial Guida

March 3

Una programmazione HTML Tutorial Guida


Hyper-Text Markup Language (HTML) è il linguaggio di markup utilizzato per le pagine web di codice. Invece di usare un linguaggio di programmazione completo - come ad esempio C ++ o Java - i programmatori HTML usano pezzi di codice chiamato "tag" per raccontare i browser come trattare blocchi di testo e altri contenuti. A partire dal 2011, le due specifiche di HTML attuali sono HTML 4.01 e XHTML 1.0. Il World Wide Web Consortium (W3C) sta ancora lavorando sulle specifiche di HTML5, che viene utilizzato da molti programmatori di pagine web. Tuttavia, non è ancora una versione ufficiale HTML. Tutte le specifiche moderne utilizzano gli stessi tag di base.

istruzione

Avvio di un documento HTML

1 Creare un nuovo file vuoto in un editor di testo o un codice editor di semplice come Notepad ++, jEdit, BBEdit o Coda. Blocco note di Windows lavora anche per la codifica HTML, anche se ama le linee numerate che fanno trovare pezzi di codice più difficile in file di dimensioni maggiori. Digitare la dichiarazione DOCTYPE sulla prima linea del nuovo file HTML. I moderni programmatori di pagine web utilizzano il DOCTYPE HTML5 <! DOCTYPE html>, perché è breve e facile da ricordare. Sotto il doctype, aggiungere la vostra apertura e chiusura <html> tag. Il tag di chiusura <html> è </ html>.

2 Aggiungere apertura e chiusura <head> tag tra i tag <HTML>. Tutto ciò all'interno dei tag <head> sono informazioni significato per il browser, i motori di ricerca, e altri programmi. I visitatori del tuo sito non vedono queste informazioni. Tipo <title> Titolo del tuo sito qui </ title> per indicare al browser quale titolo da mostrare per il vostro sito web. Sotto di esso, aggiungere tag <style> per includere Cascading Style Sheet codice (CSS) e <script> tag per includere il codice JavaScript. Meta tag vanno anche all'interno dei tag <head>, così come qualsiasi <link> tag utilizzati per collegare i file di codice in più per la pagina.

3 Aggiungere apertura e chiusura tag <body>. Tra questi tag, digitare qualsiasi testo da visualizzare sulla pagina web. Mentre in documenti di Word di evidenziare il testo e fare clic sui pulsanti per cambiare il suo aspetto, in HTML si avvolge il testo nei tag. Il tag <p> crea paragrafi, e tag come <em> e <strong> aggiungere enfasi (corsivo) e gli stili grassetto al testo. Creare elenchi puntati usando <ul> tag, e aggiungere voci di elenco usando <li> tag avvolto intorno a ogni sezione puntato di testo. stile testo browser all'interno di questi tag utilizzando alcuni stili predefiniti. La modifica di queste stili richiede una certa conoscenza dei CSS.

4 Tipo <img /> per aggiungere un'immagine al documento. Sostituire il testo in virgolette con il percorso del file della vostra immagine. I tag immagine sono a chiusura automatica e non hanno bisogno di tag di chiusura </ img>. formati di immagine compatibili includono .gif, .jpg e .png. Mentre i file GIF sono più piccoli e caricare più velocemente, le immagini JPG sono meno sgranate, e .PNG consentono la migliore qualità al formato più basso. Tutti i browser Internet Explorer 6, ma correttamente visualizzare .PNG le immagini con la trasparenza.

5 Salvare il file con l'estensione .html e quindi aprirlo in un browser. Senza alcun codice CSS per lo stile della pagina, esso sarà molto semplice. Questo è ciò che qualsiasi documento HTML sembra senza CSS o JavaScript. Fai clic destro sulla finestra del browser e selezionare "Visualizza origine" per visualizzare il codice HTML. È possibile farlo su qualsiasi sito web, per visualizzare la sua HTML.

Consigli e avvertenze

  • Imparare CSS, se si desidera per lo stile pagine web. Includere CSS dopo il seguente tag, all'interno dei tag <head>: <style type = "text / css">. Terminare la CSS con un tag di chiusura </ style>. Esistono anche altri metodi per inserire il CSS.
  • Non scrivere codice HTML in Microsoft Word o un qualsiasi editor di testo RTF simile. Questi programmi aggiungere la formattazione del codice che appare confuso e rotto quando visualizzato in un browser.