El Lenguaje HTML y CSS


3.1 EL LEGUAJE HTML Y CSS



¿Que es el lenguaje HTML?


El HTML (HyperText Markup Language) es el lenguaje con el que se escriben las páginas web. Es un lenguaje de hipertexto, es decir, un lenguaje que permite escribir texto de forma estructurada, y que está compuesto por etiquetas, que marcan el inicio y el fin de cada elemento del documento.


Un documento hipertexto no sólo se compone de texto, puede contener imágenes, sonido, vídeos, etc., por lo que el resultado puede considerarse como un documento multimedia.   Los documentos HTML deben tener la extensión html o htm, para que puedan ser visualizados en los navegadores (programas que permiten visualizar las páginas web).
  Las etiquetas o marcas delimitan cada uno de los elementos que componen un documento HTML. Existen dos tipos de etiquetas, la de comienzo de elemento y la de fin o cierre de elemento.   La etiqueta de comienzo está delimitada por los caracteres < y >. Está compuesta por el identificador o nombre de la etiqueta, y puede contener una serie de atributos opcionales que permiten añadir ciertas propiedades.   La etiqueta de final está delimitada por los caracteres. Está compuesta por el identificador o nombre de la etiqueta, y no contiene atributos. Su sintaxis es: <identificador atributo1 atributo2></identificador>

Estructura básica de HTML
<!DOCTYPE html>
<html lang="es">
                <head>
                               <meta charset="UTF-8">
                               <title> Pagina de etiquetas basicas HTML5 </title>
                </head>
                <body>
 
</body>
</html>

Como una evaluacion diagnostica sobre los conocimientos acerca de html realicé el test sobre HTML que es proporcionado porW3School. Enlace: http://www.w3schools.com/html/html_quiz.asp en el cual obtuve una ponderación de:



A continuación pongo una pagina html acerca del uso de algunas etiquetas






¿Qué es CSS?   


 


Hojas de Estilo en Cascada (Cascading Style Sheets), es un mecanismo simple que describe cómo se va a mostrar un documento en la pantalla, o cómo se va a imprimir, o incluso cómo va a ser pronunciada la información presente en ese documento a través de un dispositivo de lectura. Esta forma de descripción de estilos ofrece a los desarrolladores el control total sobre estilo y formato de sus documentos.

¿Para qué sirve? 

CSS se utiliza para dar estilo a documentos HTML y XML, separando el contenido de la presentación. Los Estilos definen la forma de mostrar los elementos HTML y XML.   CSS permite a los desarrolladores Web controlar el estilo y el formato de múltiples páginas Web al mismo tiempo. Cualquier cambio en el estilo marcado para un elemento en la CSS afectará a todas las páginas vinculadas a esa CSS en las que aparezca ese elemento.

¿Cómo funciona?   

CSS funciona a base de reglas, es decir, declaraciones sobre el estilo de uno o más elementos. Las hojas de estilo están compuestas por una o más de esas reglas aplicadas a un documento HTML o XML. La regla tiene dos partes: un selector y la declaración. A su vez la declaración está compuesta por una propiedad y el valor que se le asigne.

h1 {color: red;} h1 es el selector {color: red;} 

Es la declaración   El selector funciona como enlace entre el documento y el estilo, especificando los elementos que se van a ver afectados por esa declaración.   La declaración es la parte de la regla que establece cuál será el efecto.   En el ejemplo anterior, el selector h1 indica que todos los elementos h1 se verán afectados por la declaración donde se establece que la propiedad color va a tener el valor red (rojo) para todos los elementos h1 del documento o documentos que estén vinculados a esa hoja de estilos

Comentarios

Entradas populares