Nwlapcug.com


HTML Tutorial Blog

HTML Tutorial Blog


I blog sono l'equivalente online di una rivista. Mentre alcuni individui creano Blog per divertimento, altri creano Blog per ritrarre un nuovo hobby e ancora altri usano i Blog per parlare del loro vacanze. Le aziende usano i Blog per visualizzare notizie aziendali, costruire relazioni con i clienti e guadagnare il più alto ranking dei motori di ricerca. Mentre è possibile ospitare il tuo blog su siti come Blogger, WordPress o TypePad gratuitamente senza alcuna conoscenza di programmazione, alcuni preferiscono utilizzando il codice HTML per creare un blog da zero.

Istruzioni

1

Creare il corpo HTML di base utilizzando i seguenti tag:
< html >
< corpo >

< / body >
< html >

2

Nome del tuo blog e inserire il nome nel tag title HTML.
Utilizzare il seguente codice HTML e inserire il proprio titolo anziché le parole "Nome Blog":
< html >
< head >
< title > nome Blog < / title >
< / head >
< corpo >
< H1 align = "center" > nome Blog < / H1 >
< / body >
< / html >
Il "nome del Blog" all'interno dei tag del titolo Visualizza il nome nella barra superiore della finestra del browser e non all'interno del blog stesso. Il "nome del Blog" circondato da tag H1 consente di visualizzare il nome del blog sulla pagina del blog.

3

Inserire un post sul blog dopo il titolo del blog.
Utilizzare il codice seguente per creare un post che contiene un titolo per il post, immagine, tre paragrafi di testo e un link al sito.
< html >
< head >
< title > nome Blog < / title >
< / head >
< corpo >
< H1 align = "center" > nome Blog < / H1 >
< H3 align = "center" > titolo del Blog Post < / H3 >
< Img con il titolo del tuo post sul blog. Sostituire "yourimage.jpg" con il nome dell'immagine che desiderate visualizzare. Inserire paragrafi di testo del blog tra il < p > </p > Tag e. È possibile aggiungere ulteriori paragrafi inserendo testo nel tag </p > e < p > nuovo. Link a un'altra pagina Web sostituendo "http://www.anywebsiteurl.com" con il tuo URL di pagina Web selezionate. Sostituire le parole "Blog Link" con il testo che viene collegato a questo URL quando si fa clic su. Il testo del link HTML (< a href = "Blog" > http://www.anywebsiteurl.com "> link Blog < /a >) può anche essere inserito tra il < p > </p > Tag e.

4

Ripetere il codice nel passaggio 3 per ogni nuovo post sul blog che si aggiunge. Aggiungere un nuovo post in cima al post precedente.

Di seguito è riportato un esempio blog chiamato "Blog di Sam" con tre posti. Ogni post contiene un numero diverso di punti. Il primo post non contiene un'immagine e il secondo post del blog non contiene un link.
< html >
< head >
Blog di < title > Sam < / title >
< / head >
< corpo >
< H1 align = "center" > Blog di Sam < / H1 >
< H3 align = "center" > Post del Blog di oggi < / H3 >
< Img src="image3.jpg" >
< p > questo è il post del blog di oggi. Oggi si sono svolta a essere un grande giorno. </p >
< p > adoro distacco nel mio blog. </p >
< a href = "Vedere" > http://www.todayurl.com "> vedere link di oggi < /a >

< H3 align = "center" > Post del Blog di ieri < / H3 >
< Img src="image2.jpg" >
< p > Ciao! So che non ho scritto in un paio di giorni. Non c'è niente di nuovo accadere. </p >

< H3 align = "center" > Post sul Blog della scorsa settimana < / H3 >
< p > Benvenuti nel mio blog. Questo è il mio primo blog post. </p >
< p > come creare nuovi post del blog, essi appariranno in cima a questo post. </p >
< p > continua a leggere. Spero di fare questo blog entusiasmante. </p >
< a href = "My" > http://www.firsturl.com "> il mio primo sito Web link < /a >

< / body >
< / html >

5

Rimuovere vecchi post del blog dalla parte inferiore della pagina HTML su base mensile per mantenere il tuo blog sensazione di freschezza e di non sovraccaricare con contenuto.