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
» display 16x2 con I2c
Da Admin Ieri alle 5:15 pm

» sketch non valido
Da Admin Ieri alle 5:15 pm

» Bluetooth Control
Da Admin Ieri alle 5:14 pm

» Rivetti in plastica per l'auto | 415 unità | Prezzo minimo
Da Bawoo Ieri alle 5:15 am

» Convertire PDF in Word, Excel e PowerPoint
Da Admin Mer Gen 16, 2019 10:15 am

» Recensione canale Youtube NYKK3
Da Admin Mar Gen 15, 2019 4:28 pm

» 50% off discount, Elettrica Lampada Zanzare, Bawoo
Da Bawoo Lun Dic 10, 2018 11:15 am

» Anteprima Farming Simulator 19 - Primo gameplay della Giant Software!
Da Admin Mar Nov 13, 2018 12:13 pm

» Come creare una routine con Amazon Alexa
Da Admin Mar Nov 13, 2018 12:10 pm

I postatori più attivi del mese
Admin
 
fulvio calvarano
 
Bawoo
 

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.


avatar
Admin
♔ Amministratore

Messaggi Messaggi : 4348
Crediti Crediti : 12122
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