17-5-2021 ETIQUETAS HTML Y
CONCEPTO CSS.
Por:
Jeiner Fabian Baños Soto
Producción Multimedia – Ficha: 2280480
Diseño Web
Instructor Yesid Mendoza
Sena, centro Industrial y de Aviación.
1
1. CUALES SON LAS ETIQUETAS MÁS COMUNES EN HTML?
HTML está conformado por un sistema de etiquetas en serie o tags, que incluyen
instrucciones que los navegadores web traducen como:
Imágenes, texto, hipervínculos, listas de palabras, tablas, etc.
para que un elemento de este tipo pueda ser leído, la etiqueta debe tener dos partes:
una etiqueta de inicio (<etiqueta>) y una de cierre (</etiqueta>) entre guiones (< >).
A continuación, relaciono las etiquetas básicas y más importantes en HTML:
ETIQUETAS ETIQUETAS
FUNCIÓN
HTML APERTURA HTML CIERRE
<html> </html> Indica a los navegadores que la página tiene código HTML para que
pueda leerlo de esa forma.
<head> </head> Texto no visible (Metadatos, palabras clave, código de idioma)
Es la etiqueta que contiene todos los elementos individuales del
<body> </body> sitio. O, dicho de otra forma, comprende todo el contenido visible
del sitio.
es la etiqueta que da al sitio web un nombre para que los usuarios
<title> </title> puedan identificarlo. Es el título que se puede ver en las pestañas
del navegador.
<div> </div> Contenido en bloque.
<span> </span> Contenido en línea.
<h1> … <h6> </h1> … </h6> son etiquetas que funcionan para agregar títulos y subtítulos en el
cuerpo del texto, lo cual ayuda a jerarquizar la información.
<p> </p> Etiqueta que ayuda a organizar el texto en párrafos.
<br> No tiene Etiqueta que ayuda a organizar el texto en saltos de línea.
<ul> </ul> Lista con viñetas.
<ol> </ol> Lista numerada.
<li> </li> Elemento de la lista.
con esta etiqueta se agregar imágenes al cuerpo de la página.
<img> No tiene Combinarlo con el atributo src permite especificar la ubicación
donde se encuentra la imagen.
<footer> </footer> Pie de página para contenido.
Permite insertar un hipervínculo a la página. Por ejemplo, el link
<a> </a> hacia redes sociales o hacia otro sitio web con el que se desee
conectar la página.
<inframe> </inframe> Permite incrustar otra página HTML en la página actual.
<tr> </tr> Filas de celdas en una tabla.
<table> </table> Tabla.
<link> No tiene relaciona el documento web actual y un recurso externo.
2
2. QUÉ ES CSS?
Según mi investigación, CSS es un lenguaje de hojas de estilos
creado para controlar el aspecto o presentación de los documentos
electrónicos definidos con HTML y XHTML. CSS es la mejor forma
de separar los contenidos y su presentación y es imprescindible para
crear páginas web complejas.
CSS sirve para organizar la presentación y aspecto de una página
web. Este lenguaje es principalmente utilizado por parte de los
navegadores web de internet y por los programadores web
informáticos para elegir multitud de opciones de presentación como colores, tipos y
tamaños de letra, etc.
Al crear una página web, se utiliza en primer lugar el lenguaje HTML/XHTML para
marcar los contenidos, es decir, para designar la función de cada elemento dentro de
la página: párrafo, titular, texto destacado, tabla, lista de elementos, etc.
Una vez creados los contenidos, se utiliza el lenguaje CSS para definir el aspecto de
cada elemento: color, tamaño y tipo de letra del texto, separación horizontal y vertical
entre elementos, posición de cada elemento dentro de la página, etc.
Dicho, en otros términos, HTML es la estructura posterior y CSS es esa pantalla o filtro
que le da la forma y diseño a esa estructura HTML.
3 y 4. Crear una página Web básica en HTML y aplicarle 1 ejemplo de CSS.
Relaciono la estructura con que realicé la página web básica por Bloc de notas con el ejemplo
de CSS. (el archivo HTML estará adjunto en la carpeta comprimida).
<!DOCTYPE
html>
<head>
<link href="[Link]" rel="stylesheet" type="text/css">
</head>
<title>Viajando Por El Mundo By Jeiner</title>
<body>
<h1>Viajando por el Mundo By Jeiner Baños<h1>
<img src="[Link]" width="500" height="500" />
<P>Paisajes del Mundo: Mejores Destinos Naturales</p>
3
<p>Según las últimas encuentas realizadas por las más importantes
empresas de turismo,el Ranking de los paises mas visitados por las personas
de todo el mundo, son los siguientes:
</div>
<ol>
<li>Colombia</li>
<li>Argentina</li>
<li>Malasia</li>
<li>China</li>
<li>francia</li>
</ol>
<p>Estos destinos son los favoritos por los turistas porque brindan hermosos
paisajes, deliciosas comidas y el trato amable de sus habitantes.<p>
</body>
</html>
