Técnicas básicas de html para su sitio de wordpress
HTML puede ayudarle a personalizar y organizar su tema de WordPress. Para entender cómo HTML y CSS de trabajo en conjunto, creo que de esta manera: Si un sitio web fuera de un edificio, HTML sería la estructura (los espárragos y fundación), y CSS sería la pintura.
Aquí es un bloque muy básico de HTML:
Encabezado va aquí
Esta es una sentencia de muestra de texto del cuerpo.
El viaje de mil millas comienza con el primer paso.Voy a continuar en esta frase y terminar aquí.Hacer clic aquí para visitar mi página web.
Todos los elementos HTML deben tener etiquetas de apertura y cierre. etiquetas de apertura están contenidas en menos-que (lt;); símbolos y mayor que (GT). etiquetas de cierre son los mismos, excepto que están precedidos por una barra (/).
Por ejemplo:
Encabezado va aquí
Tenga en cuenta que los elementos HTML debe estar correctamente anidados. En línea de cuatro del ejemplo anterior, se abre una etiqueta de párrafo (
Video: Curso de Wordpress.com - Clase 11 - SEO para Wordpresss 1
). Más tarde, en esa línea, se abre una cotización bloque () Y anidado dentro de la etiqueta de párrafo. Al editar esta línea, no se puede terminar el párrafo (
) Antes de terminar la cita bloque (). elementos anidados deben cerrar antes de que los elementos que están anidadas dentro de cerca.Por último, adecuada tabulación, o sangría, es importante a la hora de escribir HTML, principalmente para facilitar la lectura para que pueda escanear rápidamente a través de código para encontrar lo que estás buscando. Una buena regla es que si no se cierra una etiqueta en la línea anterior, guión sobre una pestaña.
imágenes
Muchas veces, usted querrá para insertar una imagen en su página web, ya sea dentro del cuerpo de un puesto o una página, en la barra lateral mediante el uso de un widget, o dentro del código de la plantilla en sí. El código HTML para insertar una imagen se ve así:
: Este es el formato HTML que indica al navegador que el sitio web está en busca de un archivo de imagen.
“/path/to/image-file.jpg”: Esta es la ruta del directorio real donde el navegador web puede encontrar el archivo de imagen.
alt = “Imagen Nombre de archivo”: La etiqueta alt es parte de la marca HTML y proporciona una descripción de la imagen que los motores de búsqueda pueden recoger y reconocer como palabras clave. La descripción de la etiqueta alt también aparecerá como texto en los navegadores que no pueden, por alguna razón, cargue el archivo de imagen.
/ Gt;: Esta etiqueta de marcado HTML cierra la primera etiqueta, diciendo al navegador web cuando la llamada al archivo de imagen se ha completado.
hipervínculos
Un hipervínculo es una línea de texto que está anclada a una dirección web (URL), de modo que cuando los visitantes de su sitio web, haga clic en el texto, que les lleva a otro sitio web o una página, en la ventana de su navegador. El formato HTML para insertar un hipervínculo se ve así:
Wiley
He aquí una explicación sencilla:
“Http://wiley.com”: Esta es la URL que desea que el texto que se va anclado a. La URL debe ser entre comillas, que lo define como el ancla prevista, o la dirección.
“Gt;: Este marcado cierra el abierto previamente etiqueta HTML.
Wiley: En este ejemplo, este es el texto que está vinculado, o anclado, por el URL. Este texto aparece en su sitio web y se puede hacer clic por sus visitantes.
: Esta etiqueta de marcado HTML indica al navegador web que el hipervínculo se cierra. Cualquier cosa que existe entre y será un hipervínculo, o puede hacer clic, a través de al anclaje previsto, o la dirección web.
Liza
Con el formato HTML, puede proporcionar fácilmente listas que tienen un formato diferente, en función de sus necesidades.
Las listas ordenadas están numeradas secuencialmente, tales como una lista de pasos de cosas por hacer, como este:
Escribe un ensayo.
Presentar el profesor.
Un poco de pánico mientras él grados del papel.
Respirar un suspiro de alivio cuando el papel se pone una A!
Video: Como hacer que un menú en wordpress abra en una nueva ventana del navegador
Las listas ordenadas son fáciles de hacer en un programa como Microsoft Word, o incluso en el editor de entradas de WordPress porque se puede utilizar el editor de lo que ves es lo que obtienes (WYSIWYG) para dar formato a la lista para usted. Sin embargo, si se desea codificar una lista ordenada utilizando HTML, que es un poco diferente. La lista se parece a esto cuando se utiliza el formato HTML:
- Escribe un ensayo.
- Presentar el profesor.
- Un poco de pánico mientras él grados del papel.
- Respirar un suspiro de alivio cuando el papel se pone una A!
El principio dice a un navegador web para mostrar esta lista como una lista ordenada, lo que significa que se puede pedir con números que empiezan por el número 1. La lista completa termina con la etiqueta HTML, que indica al navegador web que la lista ordenada se ha completado .
Video: Introduccion al Curso Wordpress 2016 Diseña tu Sitio Web facil
Entre y elementos de la lista son designados como tales por el marcado HTML. Cada elemento de la lista comienza con y termina con, lo que indica al navegador web para mostrar la línea de texto como un elemento de la lista.
Si usted no puede cerrar todas las etiquetas de marcado HTML abierta - por ejemplo, si se inicia una lista ordenada con pero no puede incluir el cierre al final - ya que se rompe la pantalla en su sitio web.
Las listas no ordenadas son muy similares a las listas ordenadas, excepto que en lugar de utilizar números, utilizan viñetas para mostrar la lista, así:
Escribe un ensayo.
Presentar el profesor.
Un poco de pánico mientras él grados del papel.
Respirar un suspiro de alivio cuando el papel se pone una A!
Video: #3 Creando nuestro index.html con Bootstrap 4 - Cómo hacer temas para Wordpress
El código HTML para una lista no ordenada es igual que la lista ordenada, excepto que en lugar de utilizar la etiqueta, se utiliza la etiqueta:
- Escribe un ensayo.
- Presentar el profesor.
- Un poco de pánico mientras él grados del papel.
- Respirar un suspiro de alivio cuando el papel se pone una A!