-
Blog Tutorial HTML
-
Los blogs son el equivalente en línea de una revista. Mientras que algunas personas crean blogs para la diversión, otros crean blogs para retratar un nuevo hobby y sin embargo, otros utilizan los blogs para hablar de sus vacaciones. Las empresas utilizan los blogs para mostrar noticias de la compañía, construir relaciones con los clientes y obtener mayor ranking en los motores de búsqueda. Si bien se puede alojar su blog en sitios como Blogger, WordPress o TypePad de forma gratuita y sin ningún conocimiento de programación, algunos prefieren usar código HTML para crear un blog desde cero.Instrucciones
1 Crear el cuerpo HTML básico con las siguientes etiquetas:
<Html>
<Body></ Body>
<Html>2 El nombre de su blog y escriba el nombre en las etiquetas de título HTML.
Utiliza el siguiente código HTML e insertar su propio título en lugar de las palabras "blog" Nombre:
<Html>
<Head>
<Title> Nombre del blog </ title>
</ Head>
<Body>
<H1 align = "center"> Nombre del blog </ h1>
</ Body>
</ Html>
El "Nombre del Blog" dentro de las etiquetas de título muestra el nombre en la barra superior de la ventana del navegador y no dentro del propio blog. El "Nombre del blog" rodeado por las etiquetas H1 muestra el nombre del blog en la página real blog.3 Insertar una entrada en el blog después de que el título del blog.
Utilice el siguiente código para crear un blog que contiene un título para el mensaje, imagen, tres párrafos de texto y un enlace al sitio web.
<Html>
<Head>
<Title> Nombre del blog </ title>
</ Head>
<Body>
<H1 align = "center"> Nombre del blog </ h1>
<H3 align = "center"> blog Título </ H3>
<Img con el título de la entrada del blog. Reemplazar "yourimage.jpg" con el nombre de la imagen que desea visualizar. Insertar párrafos del texto del blog entre las etiquetas <p> y </ p> etiquetas. Puede agregar párrafos adicionales mediante la inserción de texto en nuevas <p> y </ p> etiquetas. Enlace a otra página web mediante la sustitución de "http://www.anywebsiteurl.com" con la URL de su página web elegido. Sustituir las palabras "Blog Link" con el texto que unirán a esta dirección URL cuando se hace clic sobre. El texto del enlace HTML (<a href="Blog"> http://www.anywebsiteurl.com "> Enlace Blog </a>) también puede ser insertado entre las p> y </ p> <etiquetas.4 Repita el código en el paso 3 para cada nueva entrada en el blog agrega. Añadir el nuevo puesto en la parte superior de la entrada anterior.
El siguiente es un ejemplo del blog llamado "Blog de Sam" con tres puestos. Cada mensaje contiene un número diferente de los párrafos. La primera entrada del blog no contiene una imagen y la segunda entrada del blog no contiene un enlace.
<Html>
<Head>
<Title> Blog de Sam </ title>
</ Head>
<Body>
<H1 align = "center"> Blog de Sam </ h1>
<H3 align = "center"> Blog de hoy Publicar </ H3>
<Img src = "image3.jpg">
<P> Este es el blog de hoy. Hoy en día está resultando ser un gran día. </ P>
<P> Me encanta publicar en mi blog. </ P>
<a href="See"> http://www.todayurl.com "> Vea actual enlace </a><H3 align = "center"> Blog de ayer del anuncio </ H3>
<Img src = "image2.jpg">
<P> Hola! Sé que no he escrito en unos pocos días. Nada nuevo está pasando. </ P><H3 align = "center"> Blog de la semana pasada del anuncio </ H3>
<P> Bienvenido a mi blog. Esta es mi primera entrada en el blog. </ P>
<P> Como puedo crear nuevas entradas de blog, que aparecerán en la parte superior de este post. </ P>
<P> Sigue leyendo. Espero hacer este blog emocionante. </ P>
<a href="My"> http://www.firsturl.com "> Mi primer sitio web de enlace </a></ Body>
</ Html>5 Retirar las viejas entradas del blog de la parte inferior de la página HTML sobre una base mensual para mantener su blog una sensación fresca y no sobrecargar con el contenido.
