Recensisci!
Diventa un recensore per ricevere prodotti gratuiti o scontati!
Iscriviti
Se desideri, puoi effettuare un'iscrizione gratuita al forum per entrare nella nostra community.
Ricerca Avanzata
Answers
Se necessiti di aiuto, clicca il pulsante "Cerco Aiuto" (disponibile anche per i non iscritti).
Ultimi argomenti
» [Arduino] aiuto programma
Da Glak Mar Mar 12, 2019 9:30 am

» ERRORE NELLA COMPILAZIONE NEXTION
Da papat Mar Feb 26, 2019 7:11 am

» Comandare la Smart TV con Alexa senza broadlink (gratis)
Da Admin Mar Feb 19, 2019 4:31 pm

» Google Home diventa un traduttore simultaneo
Da Admin Mar Feb 19, 2019 4:27 pm

» Recensione Xiaomi Redmi 5 - Edizione 2019
Da Admin Mar Feb 19, 2019 4:24 pm

» Guadagnare lavorando per Google Street View
Da Admin Mar Feb 19, 2019 4:20 pm

» UMIDIGI F1 - Specifiche tecniche
Da Admin Mar Feb 19, 2019 4:14 pm

» display oled 168x64
Da fulvio Dom Feb 10, 2019 9:47 am

» Metro digitale con Arduino
Da Biciopit Gio Feb 07, 2019 11:54 am

I postatori più attivi del mese
Glak
 

Come creare un sito web #4 - Impariamo i primi codici

Andare in basso

Come creare un sito web #4 - Impariamo i primi codici

Messaggio Da Admin il Sab Dic 29, 2012 6:22 pm


Nella guida precedente vi ho dato qualche spunto su come bisogna incominciare a strutturare la parte del body di una pagina HTML. Oggi continueremo a sviluppare questo settore per completare la nostra pagina web. Niente chiacchiere e incominciamo subito a lavorare!

Piccolo lavoro nel CSS per nascondere i bordi alle immagini
Prima di iniziare, volevo farvi applicare un codice CSS nell'head che vi permetterà di evitare di visualizzare i bordi in ogni immagine che molto spesso si visualizzano agli utenti che hanno un browser vecchio (per es: IE). Il codice che vi sto per fornire deve essere inserito tra i tag style in questo modo (con il codice per rimuovere i bordi):
Codice:
<style>a img{border:none;}</style>
Se già disponete di tag style all'interno dell'head, si potrà anche solo copiare il codice all'interno dei tag style qui sopra e incollarlo in quelli già esistenti (per evitare di aprire e chiudere in continuazione i tag style). Con questo è tutto riguardo questo breve capitolo e possiamo andare avanti con il tutorial.

Inserire un titolo alla propria pagina HTML
Abbiamo due tipi di titoli che possiamo inserire nella nostra pagina HTML:
1) Quella da inserire tra i tag nell': inserendo i seguenti tag qui sotto, nella barra del browser, uscirà la scritta che hai inserito all'interno dei due tag:
Codice:
<title>Titolo della pagina</title>
2) Quella da inserire tra i tag : inserendo i seguenti tag qui sotto, nel contenitore del sito/pagina, si potrà inserire un titolo:
Codice:
<h1>Titolo</h1>
Per ridurre le dimensioni basta mettere

,

ecc. (attenzione: chiudere il codice html con lo stesso valore ad "h". In alternativa c'è il font size che in alcuni casi, è il più consigliato ed è il seguente:
Codice:
<font size="10">TESTO</font>
Variando il valore di size, il testo può ridursi o aumentare Wink. Possiamo a mio parere, chiudere anche questo capitolo e andare a quello successivo.

Guide da andare a visitare (consigliati)

-> I tag principali HTML: qui.
-> Elenco tutorial HTML: qui.


Per adesso si è in una buona fase di conoscenze HTML. E' consigliato per il momento di analizzare di più questo linguaggio web e di cercare di essere aiutati da qualche esperto o conoscente. Ci vediamo al prossimo tutorial Wink.


Admin
Admin
♔ Amministratore

Messaggi Messaggi : 4363
Crediti Crediti : 12155
Reputazione Reputazione : 187
Data d'iscrizione Data d'iscrizione : 08.03.11
Età Età : 20
Località Località : Brescia

Visualizza il profilo http://wikiinfo.forumattivo.it

Torna in alto Andare in basso

Torna in alto


 
Permessi di questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum