ACTIVIDAD 2
HTML
Es un lenguaje de marcado que se utiliza para el desarrollo de paginas de Internet. Se trata de las siglas que corresponden a HyperText Markup Language, es decir, Lenguaje de Marcas de Hipertexto.
Funciona a base de Etiquetas
<Etiqueta>
instrucciones....
<Etiqueta>
Estructura inicial para una pagina HTML
<Html>
<Head>
<Title> El titulo que desee para la pagina</title>
<body>
<!--Todas las instrucciones con las demás etiquetas...-->
</body>
</head>
Como se hace un salto de linea:
<Br>
Manejo de párrafos
<p>
</p>
Encabezados
<H1>....texto....</H1>
<H2>.............</H2>
<H3>.............</H3>
<H4>.............</H4>
<H5>.............</H5>
<H6>.............</H6>
A manera descendente los encabezados se hacen mas pequeños.
Estilos de fuente
Font
Negrita
<b>xxxxxxxx</b>
Cursiva
<i>xxxxxx</i>
Subrayado
<u>xxxxxxx</u>
Formato al texto
<Font>
</Font>
Formato de paginas
Margenes
Topmargin (margen superior e inferior)
Leftmargin (margen izquierda y derecha)
Rightmargin (margen derecha)
Alineacion
align ="Left" : alinear a la izquierda el contenido
align ="Right" : alinear a la derecha el contenido
align ="center" : alinear al centro el contenido
align ="justify " : Estira las líneas para que tenga el mismo ancho.
Nota: todos los formatos de pagina van en la etiqueta <body>
En este link se evidencia lo visto en clase.
En el siguiente link se puede la practica basada en lo que se enseño en clase.
Etiquetas para manejar imágenes en HTML
Para poner una imagen simple en una página web, utilizamos el elemento <img> . Este es un elemento vacío (lo que significa que no contiene texto o etiqueta de cierre) que requiere de por lo menos un atributo para ser utilizado — src (a veces llamado completamente como, source).El atributo src contiene una ruta que apunta a la imagen que quieres poner en la página.
Puedes usar los atributos width y height para especificar la anchura y altura de tu imagen. Puedes encontrar el ancho y alto de tu imagen de varias maneras.
Al igual que con los enlaces, también puedes agregar atributos title a las imágenes para proporcionar más información de respaldo si es necesario.
Con border especificamos el ancho del borde que rodea la imagen. Si se indica 0 equivale a "sin borde".
Enlaces o Vinculos
En el HTML los enlaces se marcan con la etiqueta <a></a> y el atributo principal es href="" donde se escribe la ubicación del archivo de destino que puede estar en la misma carpeta que el archivo que lo está llamando.
target _blank: Abre el enlace en una nueva pestaña.
Etiqueta es:
<a> </a>
Sintaxis:
<a href="Destino">Contenido o Texto</a>
Varios tipos de enlaces:
1. Interno (dentro de a misma pagina)
2. Local (dentro del mismo sitio web o entre las paginas del sitio)
3. Remoto o Externo(se hace hacia otros sitios web)
4. Con archivos (se le hace con archivos que hay en el sitio web y que pueden ser descargados)
Enlace Interno
A) Crear un marcador(el lugar donde lo vamos a dirigir)
Sintaxis:
<a></a>
B) Crear el vinculo hacia el marcador
Sintaxis:
<a href="#nombre del marcador">Texto deseado<a/>