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 ...
2.3 Etiquetas y atributos
enérico en la pestaña. <link>: Se usa para enlazar recursos externos al documento HTML. El ejemplo más común son las hojas de estilos CSS. <meta>: Etiqueta usada para definir otros metadatos que no se pueden definir con una etiqueta HTML especifica. Por ejemplo para definir e ... ivas, entonces no había que decirle al navegador de qué se trata el sitio. <style> </style>: Etiquetas usadas para introducir código CSS en línea, es decir, en el propio documento HTML. Etiquetas de secciones o para estructurar el HTML <body> </body>: Al contrario que ... etas HTML: AtributoDescripciónid = "texto"Establece un identificador único a cada elemento dentro de una página HTMLclass = "texto"Establece la clase CSS que se aplica a los estilos del elementostyle = "texto"Establece de forma directa los estilos CSS de un elementotitle = "texto"Establece el título a ... s utilizan los atributos id y class de forma masiva. Sin embargo, estos atributos solo son realmente útiles cuando se trabaja con CSS y con JavaScript. Respecto al valor de los atributos id y class, sólo pueden contener guiones medios «-», guiones bajos «_», letras y/ ... neamiento horizontal del elemento.Este atributo sigue funcionando pero no es aconsejable usarlo ya que está en desuso. Lo recomendable es usar reglas CSS en su lugar.alt<applet>, <area>, <img>, <input>Texto alternativo que se mostrará en el navegador en caso de que la imagen no ... de color RGB, por ejemplo #FF00AA.Este atributo sigue funcionando pero no es aconsejable usarlo ya que está en desuso. Lo recomendable es usar reglas CSS en su lugar.border<img>, <object>, <table>Permite definir un borde al elemento HTML.Este atributo sigue funcionando pero no es acon ... definir un borde al elemento HTML.Este atributo sigue funcionando pero no es aconsejable usarlo ya que está en desuso. Lo recomendable es usar reglas CSS en su lugar.buffered<audio>, <video>Con este atributo podrás definir un rango de tiempo del elemento multimedia que será usado como buffe ... te>, <del>, <ins>, <q>Contiene una URL que apunta a la fuente de la cita o cambio.classAtributo GlobalOtorga una clase creada en CSS a un elemento HTML. Se usa principalmente para aplicar estilos a elementos con propiedades en común.code<applet>Especifica la URL del archivo d ... el color del texto de un elemento.Este atributo sigue funcionando pero no es aconsejable usarlo ya que está en desuso. Lo recomendable es usar reglas CSS en su lugar.cols<textarea>Dentro de una etiqueta <textarea>, se usa para definir el número de columnas que tendrá el campo de texto.colsp ... a de los elementos HTML indicados.Este atributo sigue funcionando pero no es aconsejable usarlo ya que está en desuso. Lo recomendable es usar reglas CSS en su lugar.hiddenAtributo GlobalEste atributo permite indicar que el elemento HTML no debe ser visible. Es habitual usarlo por ejemplo, para ocultar ... da por los exploradores.idAtributo GlobalUsado para asignar un identificador único a un elemento HTML. Usado generalmente para acceder al mismo desde CSS o Javascript. No pueden existir dos «ids» iguales en una misma página web.ismap<img>Indica que la imagen es parte de un mapa de imagen del serv ... eccionado al cargar la página.size<input>, <select>Define el ancho del elemento (en píxeles). En este caso es mejor por tanto usar reglas CSS. En cambio. si el atributo del elemento es del tipo «text» o «password», entonces es el número de caracteres que se podrán introducir.span<col> ... a según el tipo de pantalla.start<ol>Define el número inicial de la lista ordenada (si es diferente a 1).styleAtributo GlobalDefine los estilos CSS que anulan los estilos establecidos previamente. En este caso son llamados estilos en línea ya que se introducen directamente en la etiqueta HTML en ... <video>Para los elementos enumerados aquí, esto establece el ancho del elemento. Aunque como en caso anteriores, lo correcto sería usar reglas CSS.wrap<textarea>Indica la forma en la cual el texto debe ser envuelto. Utilizando las etiquetas La etiqueta <a> por ejemplo se em ...
2.2 Creando tu primer documento HTML
ción que se complementan?. Al copiar el código, lo más probable es que veamos el sitio web sin estilos visuales, pues, este último es provisto por el CSS. Así que, al copiar un código, sólo nos llevamos parte del html, y parte de otros códigos como JavaScript. El HTML, el Head y el Body Pero, volviendo ...