Conceptos Básicos de HTML y CSS: Definiciones y Ejemplos

Conceptos Básicos de HTML y CSS

Definiciones

CSS son las siglas de "**Cascade Style Sheets**" (Hojas de Estilo en Cascada). Se trata de una especificación sobre los estilos físicos aplicables a un documento HTML, y trata de dar la separación definitiva de la lógica (estructura) y el físico (presentación) del documento.

HTML: acrónimo de HyperText Markup Language (Lenguaje de Marcas de Hipertexto). En informática, formato estándar de los documentos que circulan en la World Wide Web.

Cliente: Cualquier elemento de un sistema de información que requiere un servicio mediante el envío de solicitudes al servidor.

Servidor: es un tipo de software que realiza ciertas tareas en nombre de los usuarios.

Hipervínculo: permite especificar el tipo de vínculo y la ubicación de destino para convertir en salto de hipervínculo la cadena o imagen que se haya seleccionado en el documento.

Link: es texto o imágenes en un sitio web que un usuario puede pinchar para tener acceso o conectar con otro documento. En el navegador se ven como palabras subrayadas.

A:hover: Define el estilo del hipervínculo cuando situamos el ratón sobre él.

A:link: Define el estilo del hipervínculo cuando entramos en la web y no actuamos sobre él.

A:visited: Define cómo será la apariencia del hipervínculo cuando lo hemos visitado.

A:active: Define el estilo de un hipervínculo activo.

Enlace: Es una palabra, una frase o un gráfico de un hipertexto que conecta con otra información. En la WWW, los enlaces (o vínculos) de una página WEB conectan con otras homepages, a menudo muy alejadas físicamente, pero relacionadas por su temática.

UL: permite generar listas no ordenadas, cada uno de los elementos de la lista irá precedido por un símbolo (fijo por defecto) que puede variar según el nivel de anidamiento de la lista.

Li: Indica que el texto que viene a continuación es un elemento de una lista.

<a> Este código establece un hiperenlace más conocido por anchor (ancla) que indica la dirección de otra página o un punto dentro de la misma.

B: sirve para cambiar un texto de normal a negritas (bold).

Br: El elemento <br> es vacío por lo que sólo tiene marca inicial. Indica un salto de línea.

U: convierte el texto a subrayado.

I: Convierte el texto a cursiva.

Extensión de las páginas web: *.html, *.htm, *.hta, *.htc, *.xhtml

Extensión de las páginas CSS: *.css

Inicio de un código CSS: <!--

Fin de un código CSS: -->

P: se utiliza para separar párrafos. Dado que para el HTML todo el texto es continuo, necesitamos algún mecanismo para indicar el principio y el fin de un párrafo. Las marcas inicial y final son <p> y </p>.

Ejemplos y Explicaciones

Escribe un ejemplo de una clase llamada cabecera modificando color de letra y fondo:

No se proporciona el ejemplo en el texto original.

Ejemplo de la modificación de la etiqueta negrita (b) para que se visualice en negrita en rojo:

No se proporciona el ejemplo en el texto original.

Modificación especial del hipervínculo para evitar el subrayado:

No se proporciona el ejemplo en el texto original.

Explique cómo se representan los colores en hexadecimal en el formato RGB:

BGCOLOR="#FF0000" en el atributo, nos dará el color de fondo ROJO, el BGCOLOR="#00FF00" el color VERDE y el BGCOLOR="#0000FF" el color AZUL. En el formato hexadecimal RGB, los colores se representan mediante la combinación de tres valores: rojo, verde y azul. Cada valor se expresa con dos dígitos hexadecimales, que van del 00 al FF, representando la intensidad de cada color.