H:
Buon Autunno
e ...buon sabato!
Warning: include(../../path.php): failed to open stream: No such file or directory in D:\inetpub\webs\iltelaiodipenelopeit\fare_un_sito\basi\scrittura_web.php on line 51
Warning: include(): Failed opening '../../path.php' for inclusion (include_path='.;C:\php\pear') in D:\inetpub\webs\iltelaiodipenelopeit\fare_un_sito\basi\scrittura_web.php on line 51
|
ೡ Scrittura web - html
Una delle prime cose da fare per avere un sito è imparare come
si scrive una pagina web o meglio, capire come utilizzare l'html, guardate i due stamp,
il primo è un esempio di pagina online, il secondo vi mostra il codice che lo permette
- Cliccate sopra per vedere a grandezza naturale
- Per scrivere del testo sulle nostre pagine basterà digitare sulla tastiera a mo' di macchina
da scrivere, ma avremo bisogno di specifici "tag" per visualizzarlo con il tipo di font, il colore
e la misura che vogliamo. Tanti altri tag saranno invece indispensabili per specifiche necessità,
come ad esempio, andare a capo, scrivere dei link, visualizzare le immagini, ecc... ecc...
- Possiamo suddividere questi tag in due categorie:
1) Tag di stile (style) o css
Indicazioni che ci permetteranno di personalizzare tutto ciò che riguarda la pagina, per esempio,
come vogliamo lo sfondo, il tipo, colore e misura del font per il testo, i titoli, i link, table
e div per il layout, ecc... ecc... Tag che si definiscono parametri e classi.
- Questi tag vengono raccolti in quello che in gergo web si chiama foglio di style o css
una grande comodità per la realizzazione dell'intero sito, home e pagine
2) Tag di visualizzazione
Ovvero quelli che descrivevo sopra e ci permettono di visualizzare le immagini:
<img border="0" src="url immagine"> di scrivere i link: <a href="url pagina">Link</a>
o semplicemente andare a capo nel testo: <br>
|
Tranne rare eccezioni, come per le immagini o gli a capo, i tag si scrivono sempre
con un'apertura: <...> e una chiusura: </...> e si possono arricchire con svariati parametri,
per esempio, il tag per un link che vogliamo far aprire in una nuova finestra e abbia una descrizione
lo scriveremo così: <a title="Descrizione link" target="_blank" href="url pagina">Link</a>
Panoramica dei principali tag html
- Tag di base
<html>...</html> » Definire un documento Html.
<head>...</head> » Definire le informazione di intestazione come il titolo ed i meta-tag.
<title>...</title> » Definire il titolo che appare nella finestra del browser.
<body>...</body> » Il corpo del documento Html.
- Corpo pagina
<body>...</body> » Il corpo del documento Html.
<body bgcolor="#xxxxxx"> » Colore di sfondo del documento.
<body background="nomefile.xxx"> » Immagine come sfondo.
<body text="#xxxxxx"> » Colore del testo del documento.
<body link="#xxxxxx"> » Colore dei collegamenti ipertestuali.
<body alink="#xxxxxx"> » Colore dei collegamenti ipertestuali attivi.
<body vlink="#xxxxxx"> » Colore dei collegamenti ipertestuali già visitati.
- Formattazione
<p>...</p> » Definire un nuovo paragrafo.
<p align="x"> » Allineare un paragrafo a destra, sinistra o centrato.
<br> » Inserire una interruzione di riga.
- Testo
<pre>...</pre> » Testo preformattato.
<hl>...</hl> a <h6>...</h6> » Titoli.
<b>...</b> » Testo in grassetto.
<i>...</i> » Testo in corsivo.
<cite>...</cite> » Citazione, generalmente in corsivo.
<em>...</em> » Enfatizzare una parola (grassetto o corsivo).
<strong>...</strong> » Testo rafforzato grassetto.
<sub>...</sub> » Testo apice.
<sup>...</sup> » Testo pedice
- Carattere o font
<font>...</font> » Attributi dei caratteri.
<font size="value">...</font> » Grandezza dei caratteri
<font face="name">...</font> » Tipo di caratteri.
<font color="#xxxxxx">...</font> » Colore dei caratteri.
- Elenchi
<ol>...</ol> » Elenco ordinato.
<li>...</li> » Precede ogni voce dell'elenco aggiungendo un numero.
<ul>...</ul> » Elenco non ordinato.
- Collegamenti
<a>...</a> » Origine e destinazione di un collegamento ipertestuale.
<a href="url">...</a> » Collegamento ipertestuale.
<a href="#name">...</a> » Collegamento ad un'ancora nel documento stesso.
<a href="URL#name">...</a> » Collegamento ad un'ancora in un altro documento.
<a name="name">...</a> » Ancora in un documento.
<a href="mailto:e-mail">...</a> » Collegamento ad una e-mail |
Ovviamente queste sono solo le basi dei tag necessarie e/o utili in una pagina web,
vi spiegherò man mano come utilizzarle per il vostro progetto e sopratutto come scrivere senza
troppe difficoltà il foglio di style/css indispensabile a mio parere per la gestione di un sito
- La guida ufficiale ai vari tag la trovate qui: w3schools.com
e comunque quando non sapete quale tag usare vi basterà fare una ricerca su Google ^_^
Buon proseguimento di lettura...
Commentario...
Scrivi qui per lasciare un saluto, una richiesta di aiuto, un suggerimento o una critica ^_^
|
Warning: include(../../pubblicita_striscia.php): failed to open stream: No such file or directory in D:\inetpub\webs\iltelaiodipenelopeit\fare_un_sito\basi\scrittura_web.php on line 163
Warning: include(): Failed opening '../../pubblicita_striscia.php' for inclusion (include_path='.;C:\php\pear') in D:\inetpub\webs\iltelaiodipenelopeit\fare_un_sito\basi\scrittura_web.php on line 163
•°o.Pagina visitata da 2280 utenti
|
ೡ Per iniziare...
ೡ Sito in table
ೡ Sito in grafica
ೡ Guida FrontPage
Warning: include(../../pubblicita_cubo_2.php): failed to open stream: No such file or directory in D:\inetpub\webs\iltelaiodipenelopeit\fare_un_sito\navigazione.php on line 19
Warning: include(): Failed opening '../../pubblicita_cubo_2.php' for inclusion (include_path='.;C:\php\pear') in D:\inetpub\webs\iltelaiodipenelopeit\fare_un_sito\navigazione.php on line 19
Warning: include(../../menu/menu_feste.php): failed to open stream: No such file or directory in D:\inetpub\webs\iltelaiodipenelopeit\fare_un_sito\navigazione.php on line 33
Warning: include(): Failed opening '../../menu/menu_feste.php' for inclusion (include_path='.;C:\php\pear') in D:\inetpub\webs\iltelaiodipenelopeit\fare_un_sito\navigazione.php on line 33
|