Che cosa è HTML HTML significa Hypertext Markup Language che viene utilizzato per progettare pagine web e costruire siti web. Ha la capacità di riunire testo, immagini, suoni, video e link in un unico posto! I file HTML sono file di testo normale, pertanto possono essere modificati utilizzando editor standard come Blocco note e WordPad. Sono memorizzati con le estensioni .html, .htm o .shtml. Una pagina web scritta in Hypertext Markup Language può essere visualizzata utilizzando browser come Mozilla Firefox, Chrome di Google, Safari, Opera, IE e altro ancora. Hypertext Markup Language è lo strumento di formattazione standard per WWW perché è piattaforme trasversali, il che significa che può essere visualizzato attraverso diversi tipi di computer e dispositivi mobili con diversi sistemi operativi quali Mainframe, computer Apple, il sistema UNIX, il popolare IBM compatibile PC, smartphone e tablet attivi su Android OS, Apple IOS, Windows Phone di Microsoft e altro ancora. È una specie di lingua comune di Internet. La versione più recente è HTML5. 1.2 Struttura HTML Un documento HTML è suddiviso in due parti, la testa e il corpo. La testa del documento contiene il titolo del documento e altre informazioni, e il corpo contiene il contenuto e tutto il resto. Il corpo è la parte più grande del documento, in quanto il corpo di una lettera che avresti scritto a un amico sarebbe. Gli elementi vengono utilizzati per descrivere e formattare un documento HTML, ogni elemento descrive diversi contenuti di documento. Un esempio di un elemento è <head>, che include e viene aperto il tag scritto come <head>, il suo contenuto e un tag finale scritto come </ head>. Un documento HTML deve sempre iniziare con un <! DOCTYPE html>. DOCTYPE è una dichiarazione che definisce il tipo di documento. Discutere i tag in più Esempio 1.1 <! DOCTYPE html> <html> <head> <title> Tutorial HyperText Markup Language Tutorial </ title> <meta http-equiv = "Content-Language" content = "en-us"> < Meta name = "descrizione" content = "Benvenuti nel tutorial di lingua di Markup HyperText"> <meta"> <meta name = "GENERATOR" content = "Microsoft FrontPage 6.0" Collegamento rel = "stylesheet" type = "text / css" href = "styles_vb6.css" /> </ head> <body> <h1> Introduzione a HyperText Markup Language </ h1> World Wide Web. I siti web e le pagine web sono scritte in ................................................ .. </ body> </ html> Per creare un documento HTML, possiamo utilizzare l'editor basato su GUI Come Microsoft FrontPage, Adobe Dreamweaver o altri editor, ma il modo migliore per imparare HTML è quello di utilizzare un semplice editor di testo. Qui ti consigliamo Blocco note di Microsoft. 2.1 Basic HTML Elementi HTML utilizza elementi per specificare la struttura di un documento, fornire informazioni e formattare il contenuto. Un elemento HTML consiste di un tag di avvio <nome elemento>, il suo contenuto e un tag finale </ element name>. L'elemento e il tag possono essere utilizzati in modo intercambiabile. Alcuni elementi consistono solo in un tag di avvio. La struttura di un elemento HTML è <element name> element element </ element name> Ad esempio: <H1> Titolo 1 </ H1>, dove <H1> è il tag aperto e </ H1> è un tag end. Tuttavia, alcuni dei tag come <IMG> non richiedono un tag di chiusura. Gli elementi di base sono riassunti nella Tabella 2.1 Elemento Descrizione <html> </ html> Elemento che crea il documento HTML <head> </ head> Elemento che indica la prima parte del documento HTML. Fornisce descrizioni e informazioni relative alla pagina web. <Title> </ title> Elemento che definisce il titolo della pagina web. <Body> </ body> Elemento che definisce il contenuto principale del documento HTML. <H 1> </ h1> Elemento che indica le intestazioni. Ci sono 6 intestazioni, da hi a hé. <Bs </ b> Elemento che visualizza testo grassetto. <I> </ i> Elemento che visualizza il testo in corsivo. <U> </ u> elemento che sottolinea il testo. Elemento che indica una rottura di linea. Nessun tag di chiusura è richiesto per questo elemento. Sintesi degli elementi HTML di base Esempio 2.1 Ora apri il blocco note in finestre e digita i seguenti codici: Apri il blocco note in finestre e digita i seguenti codici: <html> <head> <title> Il mio esempio di documento HTML </ title> </ H1> <ht = Questa è la voce 12 / h1> <h2> Questa è la voce 2 </ head> <body bgcolor = "# ffff09"> <ht = H2> <h3> Questo è intestazione 34 / h3> <h4> Questo è intestazione 44 / h4> <h5> Si tratta della voce 5 </ h5> <h6> Si tratta della voce 62 / h.6> <bs Testo grassetto. </ I> <b> <i> Testo corsivo </ i> <br> <u> Testo sottolineato </ u> <bs <i> Testo grassetto e corsivo. </ I> </ b> <b > <I> <u> Testo grassetto, corsivo e sottolineato </ i> </ i> </ b> <h1> <i> Direzione italica </ i> </ h1> <h3> <u> / U> </ h3> </ body> </ html> Per salvare il file, fare clic sul menu file e selezionare Salva con nome, modificare il tipo di file in Tutti i file, salvare il file come example1.html in Documento. (È possibile utilizzare anche un nome e una cartella diversa, basta fare in modo che il tipo di file sia .html) Per visualizzare la pagina Web, avviare Firefox, Google Chrome, IE o qualsiasi browser web e aprire il file precedente. In alternativa, è possibile aprire la pagina web facendo clic con il pulsante destro del mouse sul file, quindi fare clic su Apri con ... e selezionare il browser web desiderato.
Commenti