¿Qué es HTML?
HTML es un lenguaje para describir las páginas web (H yper T ext M arkup L enguaje)Las etiquetas HTML son palabras clave rodeadas por corchetes angulares como <html> y normalmente vienen en pares ( etiqueta de inicio <b> etiqueta de cierre </b> )
 |
| Estructura de la página |
<html>
</html>
<head></head>
<head></head>
<body>
Elementos de la cabecera <head>:
<base></base> A partir de las cuales se construyen las referencias href de a pagina y otros enlaces.
<link> </link> Otros documentos enlazado como hojas de estilo o scripts
<script> </script> Especifica un elemento de tipo script, para añadir comportamiento a la pagina.
<style> </style> Especifica un estilo para el documentos. Puede indicarse en este elemento o enlazarse a un fichero CSS.
<title> </title> Define el titulo del documento que se mostrará por el navegador.
<meta></meta> Especifica información adicional sobre el documento.
<meta name="description" content=" aplicaciones web"> --> descripción
<meta name="keywords" content=" apw, web, smr"> --> palabras claves
<meta></meta> Especifica información adicional sobre el documento.
<meta name="description" content=" aplicaciones web"> --> descripción
<meta name="keywords" content=" apw, web, smr"> --> palabras claves
 |
| <meta> |
 |
| <meta> |
Poner una
imagen:
Con una
carpeta para HTML donde guardaremos nuestra página y donde
tendremos otra carpeta donde estamos guardando las imágenes que va a llevar
esta página. (De lo contrario, tendremos que jugar con direcciones relativas/absolutas)
<img
src=”imágenes/logo.png” width=300” height=”200” />
src indica la ruta hacia la imagen y width y height ancho y alto de la imagen. alt texto alternativo cuando no aparece la imagen
src indica la ruta hacia la imagen y width y height ancho y alto de la imagen. alt texto alternativo cuando no aparece la imagen
Referencias:
La etiqueta <a> para introducir enlaces, necesita el atributo href para indicar la dirección a la que hace referencia el enlace. Por ejemplo:
- En la etiqueta base considerar como base el href=http://www.jesuitasrioja.org
- Hacer en el body, un enlace al apartado de moodle dentro de esa página web, utilizando la etiqueta base para su href
- En el texto del enlace deberá figurar Clic aquí para ir a moodle.
- Destino nueva pestaña desde etiqueta base.
 |
| Referencia |
Enlaces Internos:
Para referenciar a una lista, dentro de la misma página
 |
| Enlace interno |
<SCRIPT>
 |
| <script> |
Elementos de bloque:
<p></p> Introduce un párrafo en la pagina
<h1></h1> (h2,h3,....h6) Añade títulos a diferentes niveles.
Tipos de listas:
<ol></ol> Listas ordenadas
<ul></ul> Lisas no ordenadas
<li></li> Define los elementos para la listas
<dl></dl> Define lista de definiciones
<dt></dt> Define un termino de la lista <dl>
<dd></dd> Define la definición de un termino de la lista <dl>
 |
| Tipos de listas |
 |
| Tipos de listas |
Elementos en linea:
Deben estar insertados dentro de un elemento de bloque.
<a> Añade enlaces dentro del documento
<strong> Para destacar en negrita
<br> Fuerza un retorno de linea ( punto y aparte)
<a> Añade enlaces dentro del documento
<strong> Para destacar en negrita
<br> Fuerza un retorno de linea ( punto y aparte)
Formularios:
<form> Define un formulario
<input> Define una entrada pra una linea de texto
(type="text" o contraseña type="password")
(type="radio" o "checkbox")
<textarea> Área de texto
<fieldset> Conjunto de elementos agrupados
<legend> Etiquetas de un <fieldset>
<select> Lista de opciones
<option> Una opción dentro de un select
<button> Botón para enviar (type="submit")
¿Donde se puede aprender mucho mas de HTML? Aquí.
No hay comentarios:
Publicar un comentario