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
» Recensione Umidigi A3 Pro - Smartphone sotto i 100€
Da Admin Gio Apr 04, 2019 12:22 pm

» [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

I postatori più attivi del mese

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

Andare in basso

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

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

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

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>
Come creare un sito web #4 - Impariamo i primi codici Titolo10
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 : 4364
Crediti Crediti : 12158
Reputazione Reputazione : 187
Data d'iscrizione Data d'iscrizione : 08.03.11
Età Età : 21
Località Località : Brescia

https://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