Istruzioni passo passo gratis Ciao mondo!Prova le combinazioni: come appare
Questo è il primo tag che incontriamo che non ha bisogno di un tag finale! Chiamiamo tale tag a etichetta vuota.Crea intestazioni per rendere chiari i nomi delle sezioni:
Inizia con i tag per la tabella ("tavolo" in inglese) intorno a tutto il tavolo: Posiziona i tag attorno al contenuto di ogni riga: Posiziona le intestazioni di colonna nella prima riga: Posiziona le celle in righe consecutive: Ecco un esempio di come tutto si unisce:
Impara l'html
Contenuto
HTML è l`abbreviazione di Hyper Text Markup Language, è il codice di linguaggio che viene utilizzato per la creazione di siti Web. Può sembrare complicato se non hai mai programmato prima, ma per provarlo tutto ciò di cui hai bisogno è un semplice programma di elaborazione testi e un browser Internet. Potresti riconoscere del codice HTML da forum, profili online o articoli di wikiHow. L`HTML è uno strumento utile per chiunque utilizzi Internet e l`apprendimento dell`HTML potrebbe richiedere meno tempo del previsto.
Passi
Parte 1 di 2: Imparare le basi dell`HTML
1. Apri un documento HTML. La maggior parte dei programmi di elaborazione testi, inclusi Blocco note o Word per Windows e TextEdit per Mac, possono essere utilizzati per creare documenti HTML. Apri un nuovo documento e seleziona File → Salva con nome dal menu in alto per salvare il documento come pagina Web, oppure cambia l`estensione del file da ".doc", ".rtf" o qualcos`altro ".html" o ".htm".- Ora potresti visualizzare un avviso che indica che il tuo documento è stato modificato da Rich Text Format (RTF) a "testo piatto", e che alcune opzioni di formattazione e immagini non vengono salvate correttamente. Puoi ignorare questo avviso; I documenti HTML non utilizzano queste opzioni.
- .html e .i file htm sono gli stessi. Funziona entrambi.
2. Visualizza il tuo documento con un browser. Salva il documento vuoto, chiudilo, quindi fai doppio clic sul documento nella posizione in cui è stato salvato per riaprirlo. Il tuo documento dovrebbe ora essere aperto dal tuo browser come una pagina web vuota. Se non funziona, trascina l`icona del file sulla barra degli indirizzi del browser. Se in seguito modifichi il tuo documento HTML seguendo i passaggi di questo articolo, continuerai a tornare al browser per controllare come appaiono le modifiche nel codice.
Nota: la tua pagina web non è ancora online. La pagina non è accessibile ad altri e non è necessaria una connessione Internet funzionante per testarla. Stai usando il tuo browser solo per visualizzare il documento HTML "leggere" come se fosse un sito web.
3. Comprendi cosa sono i "tag". I tag non sono visibili nella pagina Web finale, come il normale testo. I tag indicano al tuo browser come visualizzare la pagina e il contenuto della pagina. Il tag di apertura contiene le istruzioni. Ad esempio, può dire al browser di rendere il testo in grassetto. Il tag di chiusura è necessario per indicare al browser dove si applicano le istruzioni: in questo esempio, tutto il testo tra il tag di apertura e quello di chiusura è in grassetto. Anche i tag finali vengono inseriti tra parentesi, ma una barra segue la prima parentesi.Scrivi i tag di apertura tra parentesi: Scrivi i tag finali tra parentesi, ma metti una barra dopo la prima parentesi: Leggi più avanti nell`articolo come scrivere tag funzionali. A questo punto, tutto ciò che devi fare è ricordare come scrivi i tag: < > e In altri corsi HTML vengono chiamati anche tag "elementi" chiamato e viene chiamato anche il testo tra i tag di inizio e di fine "contenuto dell`elemento" di nome.
<questo è il giorno di inizio>>)4. Scrivi il tuo primo Ogni documento HTML inizia con a scrivere nella parte superiore del tuo documento. Premi invio o ritorno più volte per concederti un po` di spazio, quindi scrivi ricorda che tu Tutto quanto in questo articolo tra questi due tag.
5. aggiustalo Tra i tag -tag di inizio e a -etichetta di fine. Fai di nuovo un po` di spazio tra questi tag. Qualsiasi cosa scritta tra questi tag non sarà visibile sulla pagina web stessa. Prova i seguenti passaggi e vedi se riesci a vedere dove vengono visualizzate le informazioni:Scrivi tra i tag e Tra i tag Impara l`HTML - wikiHow .Salva il documento e aprilo in un browser (o salva il documento e aggiorna la pagina nel browser se la pagina era ancora aperta). Guarda cosa hai appena scritto nella parte superiore della pagina, sopra la barra degli indirizzi?
6. fare un Tutto il resto in questo documento per principianti è trattato nella sezione A seguito di l`etichetta per l`etichetta e . Tutto ciò di cui discutiamo ulteriormente in questo articolo lo posizioniamo tra i tag del corpo. Ora dovresti avere un documento simile a questo (senza i punti elenco):
7. Aggiungi testo in stili diversi. Ora è il momento di scrivere qualcosa che sarà effettivamente visibile nel browser! Tutto ciò che scrivi all`interno dei tag body sarà visibile nel browser dopo aver salvato le modifiche e aggiornato la pagina all`interno del browser. scrivere non qualcosa con i personaggi < e >, perché il tuo browser lo interpreterà come un`istruzione HTML anziché come testo normale. Ad esempio, scrivi Ciao mondo! (inglese per "Ciao mondo!", questo è il testo standard globale come primo esempio in qualsiasi corso di linguaggio di programmazione) o qualcos`altro, e metti i seguenti tag prima e dopo il testo e continua a vedere cosa succede:
8. Dividi il testo in paragrafi. Se intendi inserire più righe di testo nel documento, vedrai che tutte le righe sono posizionate una dietro l`altra. Devi programmare tu stesso nuove righe e righe vuote:
Questa frase è sulla prima rigaQuesto è il primo tag che incontriamo che non ha bisogno di un tag finale! Chiamiamo tale tag a etichetta vuota.
9. Scopri come creare elenchi. Esistono diversi modi per creare elenchi su una pagina Web. Prova i seguenti metodi per scoprire cosa ti piace di più. Nota che una coppia di tag è posizionata attorno all`intero elenco (come i tag Utilizzare il codice seguente per creare elenchi puntati:
Oppure questo codice per creare liste numerate:
Oppure questo codice per creare un cosiddetto elenco di definizioni:
10. Rendi la tua pagina più attraente con nuove linee, linee orizzontali e immagini. Ora è il momento di iniziare ad aggiungere altre cose alla tua pagina. Prova i seguenti tag (devi aver pubblicato l`immagine online in modo da poter collegare l`immagine):Inserisci una riga: Inserisci immagini:
11. Inserisci link ad altri punti della pagina. Puoi anche utilizzare questo codice per collegarti ad altre pagine e siti Web, ma poiché non hai ancora un sito Web, ci concentreremo su "ancore" (ancore), ovvero luoghi specifici della pagina a cui puoi collegarti:Per prima cosa crea un`ancora con il tag
Usa il tag
Per collegare un`ancora in un`altra pagina, aggiungi il segno # dopo l`URL, seguito dal nome dell`ancora. Ad esempio http://www.wikihow.com/HTML Learning#Suggerimenti ti porta direttamente alla sezione "Consigli" su questa pagina.
Parte 2 di 2: Apprendimento HTML avanzato
1. Ulteriori informazioni sugli attributi. Gli attributi vengono inseriti all`interno del tag e vengono utilizzati per apportare ulteriori modifiche al "contenuto dell`elemento" tra tag di inizio e fine. Non stanno mai da soli. Si scrivono nel modo seguente: nome="valore". nome rappresenta il nome dell`attributo (ad esempio, "colore") e valore descrive questo caso particolare (es "rosso").- Se hai guardato da vicino nella parte precedente di questo articolo, ti sei già imbattuto negli attributi. l`etichetta
2. Sperimenta con le tabelle HTML. Per creare una tabella o un grafico sono necessari diversi tag:
3. Scopri gli altri tag utilizzati nella sezione head. hai l`etichetta I meta tag sono usati per metadati generare su una pagina web. Questi dati vengono utilizzati dai motori di ricerca per classificare le pagine web. Per rendere la tua pagina visibile ai motori di ricerca puoi inserire uno o più meta tag (i tag finali non sono necessari), ogni tag deve contenere esattamente un attributo name e un attributo content, ad esempio:
4. Gioca con HTML da pagine esistenti. Visualizzare il codice sorgente delle pagine web è un ottimo modo per ampliare la tua conoscenza dell`HTML. Fare clic con il tasto destro sulla pagina e selezionare "Visualizza il codice sorgente", "Mostra l`origine della pagina" o qualcosa di simile. Prova a scoprire cosa fa un determinato tag che non conosci o cerca online la risposta.
Non puoi modificare i siti web di altre persone, ma puoi copiare il codice HTML nel tuo documento e giocarci per vedere cosa fanno le diverse modifiche. Nota: poiché molti siti Web utilizzano fogli di stile CSS, potresti non essere in grado di vedere molti colori o altri stili.
5. Scopri di più sull`HTML leggendo articoli più approfonditi. Ci sono molte risorse disponibili su Internet per padroneggiare più tag HTML comeScuole W3 o codecademy. Sono disponibili anche molti libri sull`HTML, ma assicurati di utilizzare un`edizione recente poiché lo standard nell`HTML cambia ogni tanto. Una volta che hai padroneggiato l`HTML a un buon livello, puoi passare ai CSS per un maggiore controllo sul design e lo stile della tua pagina web. Dopodiché, il passaggio successivo è solitamente javascript.Può essere utile cercare una semplice pagina web su Internet e poi giocare con il codice. Prova a spostare del testo, cambiare il carattere, cambiare le immagini, quello che vuoi! Puoi usare un taccuino per annotare il codice in modo da avere qualcosa su cui ripiegare se non sei sicuro. Puoi anche stampare questa pagina e conservarla come riferimento. XML e RSS sono sempre più utilizzati sui siti Web in questi giorni. Il codice potrebbe sembrare inaccessibile all`occhio umano, specialmente se lo guardi nel codice sorgente, ma la funzionalità può essere utile. I tag utilizzati all`interno dell`HTML non fanno distinzione tra maiuscole e minuscole, ma l`impostazione predefinita prevede l`uso di minuscole (come facciamo in questo articolo). Il minuscolo per i tag è altamente raccomandato, anche per la compatibilità XHTML.
Consigli
Avvertenze
- Alcuni tag non vengono più utilizzati e sono stati sostituiti da altri tag che fanno lo stesso, ma spesso offrono più opzioni.
- Se vuoi assicurarti che la tua pagina sia conforme allo standard HTML, visita il sito Web W3 per confrontare il tuo codice con lo standard corrente. Molti tag sono ora obsoleti e sostituiti da tag che funzionano meglio sui browser moderni.
Necessità
- Un programma di elaborazione testi, come Blocco note (Windows) o TextEdit (Mac).
- un foglio di carta o un quaderno (opzionale)
- Un programma progettato specificamente per la scrittura di HTML, come Notepad++ per Windows o TextWrangler per Mac (opzionale)
Articoli sull'argomento "Impara l'html"
Condividi sui social network:
Popolare
