5.2 Unordered list o lista no ordenada
por un círculo negro. Como ya se sabe, el aspecto con el que se muestran los elementos de las listas se puede modificar mediante las hojas de estilos CSS. ...
4.7 Más ejemplos de enlaces
uta/archivo.zip" title="Archivo comprimido de los contenidos"> Descarga un ZIP con todos los contenidos </a> Enlazar varias hojas de estilos CSS <link rel="stylesheet" type="text/css" href="/css/comun.css" /> <link rel="stylesheet" type="text/css" href="/css/secciones.css" /> Enlaz ... sheet" type="text/css" href="/css/comun.css" /> <link rel="stylesheet" type="text/css" href="/css/secciones.css" /> Enlazar hojas de estilos CSS para diferentes medios <link rel="stylesheet" type="text/css" href="/css/comun.css" media="screen, projection" /> <link rel="stylesheet" typ ... ferentes medios <link rel="stylesheet" type="text/css" href="/css/comun.css" media="screen, projection" /> <link rel="stylesheet" type="text/css" href="/css/impresora.css" media="print" /> <link rel="stylesheet" type="text/css" href="/css/movil.css" media="handheld" /> Enlazar el favi ... es habitual que las páginas enlacen hojas de estilos, favicon y archivos RSS de forma conjunta: <head> ... <link rel="stylesheet" type="text/css" href="/css/impresora.css" media="print" /> <link rel="stylesheet" type="text/css" href="/css/movil.css" media="handheld" /> <style type= ... ="/css/impresora.css" media="print" /> <link rel="stylesheet" type="text/css" href="/css/movil.css" media="handheld" /> <style type="text/css" media="screen,projection"> @import '/css/main.css'; </style> <link rel="shortcut icon" href="/favicon.ico" type="image/ico" /> <li ...
4.6 Otros tipos de enlaces
ticamente. ¿Recursos automáticos o manuales? Para comprender este concepto, pensemos en lo siguiente, imaginemos una página HTML que utiliza archivos CSS para los estilos de sus contenidos; y que para cargar dichos diseños de estilo, se tuviera que activar manualmente, eso no sería nada cómodo para el ... cargar todos los recursos de manera manual o automática. Hay cosas que se deben cargar solas, y otras que se deben ejecutar automáticamente; cómo los CSS, u otros archivos JavaScript. Esto es así hasta tal punto, que la mayoría de los sitios son JavaScript dependiente, y no tendría sentido la carga man ... las impresoras y handheld para los dispositivos móviles. El uso habitual de la etiqueta <link> es el de enlazar las hojas de estilos CSS utilizadas por las páginas web: <head> ... <link rel="stylesheet" type="text/css" href="/css/comun.css" /> </head> En este caso, es ...
4.5 Enlaces avanzados
image/png": Indica que son imágenes con formato PNG;"image/gif": Mismo caso que el anterior, pero en ahora, hablamos de imágenes en formato GIF;"text/css": Se utiliza para archivos CSS u hojas de estilo CSS;"application/rss+xml": Se especifica cuando se trata de un archivo RSS. 3. ¿Qué es el tipo de re ... urrir cuando se trata de una versión en otro idioma o una versión preparada para otro medio.stylesheet: Indica que se ha enlazado una hoja de estilos CSS.start: Este atributo sirve para indicar que se trata del primer documento de una serie de documentos. Un uso práctico puede ser, por ejemplo, cuando ...
4.2 Todo sobre las URL y el HTML
n que es dada a un recurso único en la Web. En teoria, cada URL valida apunta a un único recurso. Dichos recursos pueden ser páginas HTML, documentos CSS, imagenes, etc. En la practica, hay algunas excepciones, siendo la más común una URL apuntando a un recurso que ya no existe o que ha sido movido. Co ... ces, en este ejemplo, realmente queremos llegar a esta URL: https://tupacbruch.com/blog/seo/tema4/seo_en_urls Volviendo en el árbol de directorios ../CSS/display En este caso, usamos el ../ convención de escritura, heredada del mundo del sistema de archivos UNIX, para decirle al navegador que ... rchivos UNIX, para decirle al navegador que queremos subir desde un directorio. Aquí queremos llegar a esta URL: https://tupacbruch.com/admin/docs/../CSS/display, que se puede simplificar a: https://tupacbruch.com/admin/docs/CSS/display URL semánticas A pesar de su sabor muy técnico, las URL repre ...
3.7 Codificando caracteres
n nombre único. Sensible a M/m. Por defecto: Lo fija el navegador.class Asigna nombres de clases al elemento. Por defecto, clases CSS.Lista de clases separadas por espacio en blanco. Sensible a M/m. Por defecto: Lo fija el navegador.style Permite especificar info ... n blanco. Sensible a M/m. Por defecto: Lo fija el navegador.style Permite especificar información de estilo. Por defecto, estilos CSS.Declaraciones de estilo. Por defecto: Lo fija el navegador.lang Información sobre el idioma del contenido del elemento y del valor de ...
3.6 Espacios en blanco y nuevas líneas
ficante. No utilices <br> para incrementar el espacio entre líneas de texto; para ello utiliza la propiedad margin del CSS o el elemento <p>. La definición formal de <br> se muestra a continuación: Etiqueta<br>Atributos comunesbásicos ...
3.5 Markup o Marcado genérico de un texto
rse a modo de «tool tip».Texto legible. Sensible a M/m.Lo fija el navegador.stylePermite especificar información de estilo. Por defecto, estilos CSS.Declaraciones de estilo.Lo fija el navegador. style (información de estilo en línea) Identificadores: id, class (identificadores a nivel de documento ... más del documento.Un nombre único. Sensible a M/m.Lo fija el navegador.class Asigna nombres de clases al elemento. Por defecto, clases CSS.Lista de clases separadas por espacio en blanco. Sensible a M/m. cdataLo fija el navegador.style Permite especificar información ... spacio en blanco. Sensible a M/m. cdataLo fija el navegador.style Permite especificar información de estilo. Por defecto, estilos CSS.Declaraciones de estilo.Lo fija el navegador.lang Información sobre el idioma del contenido del elemento y del valor de sus atributos. ... n nombre único. Sensible a M/m. Por defecto: Lo fija el navegador.class Asigna nombres de clases al elemento. Por defecto, clases CSS.Lista de clases separadas por espacio en blanco. Sensible a M/m. Por defecto: Lo fija el navegador.style Permite especificar info ... n blanco. Sensible a M/m. Por defecto: Lo fija el navegador.style Permite especificar información de estilo. Por defecto, estilos CSS.Declaraciones de estilo. Por defecto: Lo fija el navegador.lang Información sobre el idioma del contenido del elemento y del valor de ... al. Por tanto, es habitual utilizar esta etiqueta junto con los atributos id y class para modificar posteriormente su aspecto con CSS: <strong>Importante</strong>: si quiere ponerse en contacto con la empresa <acronym lang="en" title="Planet express mensajería interpl ...
3.2 Estructura de un texto
cia. Evidentemente, el aspecto que los navegadores aplican por defecto a los títulos de sección se puede modificar utilizando las hojas de estilos de CSS. <html> <head> <title>HTML prueba2.tupacbruch.com</title> </head> <body> <h1>Título principal h1</h1> ...
Anchor Text: Dominar este concepto es crucial para tu SEO
A la hora de hablar del Anchor Text o los textos anclas debemos entender qué los barcos tienen once anclas. Pues, siempre dicen: «eleven anclas» estas son lo qué nos permite alcanzar cierta parte de nuestro sitio haciendo un salto calculado. Este Anchor text es el texto visible de un enlace, en el c...
Keyword Stuffing: ¡No abuses de las palabras clave!
— A nadie le gusta el chamullo, pero mucho menos a Google. Esto es así a tal punto, qué incluso a esta práctica se pone un nombre: «Keyword Stuffing«. El cual es una mala práctica de SEO que consiste en la repetición exagerada de palabras clave con el fin de manipular al algoritmo. Esto funcionó dur...
2.4 Elementos HTML
ementos en línea.</p> </body> </html> La siguiente imagen muestra cómo visualizan los navegadores el código HTML anterior (mediante CSS se han añadido bordes que muestran el espacio ocupado por cada elemento): Diferencias entre elementos en línea y elementos de bloque El primer párraf ...