July 8
Se uno invenzione ha completamente cambiato il mondo all'interno della nostra vita, è Internet. Sempre più persone vogliono una presenza sul Web al di là di quella offerta dai social network: vogliono uno spazio Web per chiamare la propria. I principali siti web stanno diventando sempre più complesse e utilizzare il gergo newbie-intimidatorio come Flash, CSS, Perl e JavaScript, ma non temete. Quattro lettere semplici possono permettere a nessuno di ottenere una presenza sul web in pochissimo tempo: HTML. Le lettere stanno per Hypertext Markup Language, un linguaggio di programmazione che utilizza una serie di tag per creare una pagina web statica. I più tag si sa, più si può fare con una pagina web statica.
1 Creare lo scheletro di base di una pagina Web statica copiando il seguente codice in un semplice editor di testo, come Blocco note:
<HTML>
<HEAD> </ HEAD>
<Body> </ BODY>
</ HTML>
Quindi salvare il file come index.html (il default nome della pagina principale), e aprirlo nel browser. Si dovrebbe vedere nulla perché è stata creata una pagina Web vuota.
Tutte queste modifiche hanno un significato. Il tag <HTML> dice al browser che una pagina Web è in arrivo. <HEAD> è dove tutti i tipi di informazioni possono andare per i motori di ricerca. <BODY> significa che la parte la gente vedrà sta per iniziare.
2 Pensate a HTML come due tipi principali di tag (bit di codice tra parentesi). Uno indica al browser di iniziare a fare qualcosa, e un altro gli dice di fermarsi.
<STRONG> Fai di questo testo in grassetto </ STRONG>
Tutto dopo <STRONG> - il tag di apertura - saranno in grassetto fino a raggiungere </ STRONG> - il tag di chiusura. Il "/" indica al browser di fermarsi.
3 Aggiungere il testo alla pagina Web. Tipo "Questa è la mia pagina Web" nel corpo della pagina Web, tra <body> e </ BODY>. Salvare la pagina, e dare un'occhiata nel browser. Il risultato è bello, ma non troppo entusiasmante. Prova un paio di altri tag per rendere in su. Ad esempio, <STRONG> </ STRONG> rende il testo in grassetto; <EM> </ EM> rende il testo in corsivo; <FONT size = "5"> </ FONT> consente di modificare la dimensione del carattere, da 1 (il più piccolo) a 6 (il più grande); <Font color = "red"> </ FONT> rende rosso testo (o qualsiasi altro colore si entra); <Center> </ center> centri di testo (o un'immagine) sulla pagina.
Provate ad usare alcuni di questi tag sullo stesso blocco di testo. Si può fare qualsiasi combinazione che si desidera.
È possibile anche aggiungere spazio tra gli elementi sulla pagina mettendo il seguente tra di loro: <P> per una pausa paragrafo; <BR> Per una interruzione di linea; <HR> per creare una rottura con una linea attraverso la pagina Web.
4 Aggiungi immagini alla tua pagina. A tale scopo, utilizzando il tag <IMG SRC = "http://www.coolsite.com/image.jpg">., E sostituire l'indirizzo Web in quell'esempio con la posizione dell'immagine che si desidera utilizzare Questo è uno dei i pochi tag che non hanno un tag di chiusura. le immagini possono anche essere centrati, proprio come il testo.
5 Creare un collegamento a un altro sito web. Questo viene fatto con il tag <A HREF="Click" rel="nofollow" target="_blank"> http: //www.location.com"> Clicca qui </A>. Quel codice rende le parole "clicca qui" il collegamento a un altro sito web. Invece di testo, è possibile utilizzare un'immagine come collegamento utilizzando il codice <A HREF="<IMG" rel="nofollow" target="_blank"> http: //www.location.com"> & lt; IMG SRC = "& lt; / A" rel = target "nofollow" = "_blank"> http://www.coolsite.com/image.jpg"> & lt; / A>.