Tema: La Web
Subtema: HTML
Los documentos HTML se conforman como documentos de texto plano (sin ningún tipo de formateo especial), en los que todo el formato del texto se especifica mediante marcas de texto (llamados etiquetas, tags), que delimitan los contenidos a los que afecta la etiqueta (disponemos de etiquetas de inicio y de final de marcado).
Las etiquetas o tags son marcas de texto que empiezan por el carácter, de la forma, para las etiquetas de inicio:
<ETIQUETA>
Y que se forman con el carácter, de la forma, para las etiquetas de final de marcado:
</ETIQUETA>
Las etiquetas no son sensibles a mayúsculas/minúsculas (son case insensitive). Ejemplos de etiquetas de HTML son:
Ejemplos de etiquetas de HTML son:
<title>Nombre del documento</title>
<P>Un ejemplo de uso de las etiquetas para marcado de texto</P>
<B>Negrilla<I>Itálica</I>Negrilla</B>
Lista de las etiquetas más comunes
<!doctype> = tipo de documento (versión de html empleada)
<html>...</html> = engloba todo el documento
<head>...</head> = delimita el encabezado del documento
<title>...</title> = título del documento (se muestra en la pestaña del navegador)
<body>...</body> = delimita el cuerpo del documento
<h1>...</h1> a <h6>...</h6> = encabezado (de nivel 1 a 6)
<p>...</p> = párrafo
<strong>...</strong> = negrita
Ejemplo:
<p>Acuérdate de apagar las luces y <strong>cerrar la puerta con llave</strong> al salir de casa.</p>
Acuérdate de apagar las luces y cerrar la puerta con llave al salir de casa.
Ejemplo:
<html>
<head>
<title>Tosagua</title>
</head>
<body>
<h1>Frases célebres</h1>
<p>Quien tiene un amigo tiene un tesoro.</p>
<p>Amigo en la adversidad, es amigo de verdad.</p>
<p>Cuando marzo mayea, mayo marcea.</p>
<p>La primavera la sangre altera.</p>
</body>
</html>
Actividad 1
Con las etiquetas en los ejemplos, escribe tu programación HTML qué incluya unos párrafos alusivos al tema principal del Proyecto Científico RETORNO SEGURO A LAS INSTITUCIONES, al mismo aplicarle un formato que permite resaltar esa frase, y en la pestaña de navegador el nombre del colegio.
No hay comentarios:
Publicar un comentario