Curso HTML + CSS
Prepara tus exámenes
Prepara tus exámenes y mejora tus resultados gracias a la gran cantidad de recursos disponibles en Docsity
Consigue puntos base para descargar
Gana puntos ayudando a otros estudiantes o consíguelos activando un Plan Premium
Orientación Universidad
Prepara tus exámenes
Prepara tus exámenes y mejora tus resultados gracias a la gran cantidad de recursos disponibles en Docsity
Busca documentos
Prepara tus exámenes con los documentos que comparten otros estudiantes como tú en Docsity
Busca tu universidad
Encuentra los documentos específicos para los exámenes de tu universidad
Video Cursos
Estudia con lecciones y exámenes resueltos basados en los programas académicos de las mejores universidades
Quiz
Responde a preguntas de exámenes reales y pon a prueba tu preparación
Consigue puntos base para descargar
Gana puntos ayudando a otros estudiantes o consíguelos activando un Plan Premium
Comunidad
Pregúntale a la comunidad
Pide ayuda a la comunidad y resuelve tus dudas de estudio
Ebooks gratuitos
¡Nuestros e-books salva-estudiantes!
Descarga nuestras guías gratuitas sobre técnicas de estudio, métodos para controlar la ansiedad y consejos para la tesis preparadas por los tutores de Docsity
1 / 29
Esta página no es visible en la vista previa
¡No te pierdas las partes importantes!
Documentos relacionados
Vista previa parcial del texto
¡Descarga Resumen de temas selectos y más Esquemas y mapas conceptuales en PDF de Derecho solo en Docsity!
Conceptos básicos
- World Wide Web (WWW): Sistema de información.
- Navegador: Es el programa que nos ofrece acceso a Internet.
- Servidor: Se encarga de proporcionar al navegador los documentos y medios que este solicita.
- HTTP: Es el protocolo de transferencia de hipertexto, o sea, el protocolo que los servidores de World Wide Web utilizan para mandar documentos HTML a través de Internet.
- URL: Es el Localizador Uniforme de Recursos.
- HTML: "Lenguaje para marcado de hipertexto".
Estructura básica de un doc. HTML: Cabecera y cuerpo del documento
- : Limitan el documento e indica que se encuentra escrito en este lenguaje.
- : Especifica el prólogo del resto del archivo. Son pocas las tags que van dentro de ella, destacando la del titulo .
- <BODY>: Encierra el resto del documento, el contenido.
Primer ejemplo HTML
**
Ejemplo 1
Hola mundo
**
Ejemplo
Ejemplo 2
Mi primera página
Hola mundo, esta es un página con titular, que tiene también un párrafo y unos cuantos saltos de línea.
Uno Dos TresCreación de enlaces
- Lo característico del lenguaje HTML es el poder generar vínculos de hipertexto para enlazar con ellos todos sus documentos en web: - .....: Sirve para saltar entre diferentes URLs. - Primera parte : Utilizamos el atributo name para dar nombre a una sección de nuestro documento.
URL: Localizador Universal de Recursos
- Los URL son las direcciones de las informaciones que buscamos en Internet.
- Constan de:
- Protocolo: Programa que utilizará el navegador para obtener el archivo elegido. (HTTP, FTP...)
- Nombre del host: Se trata del sistema donde se encuentra almacenada la información que buscamos.
- Ruta del fichero: Se trata de la ubicación del archivo dentro del host.
- Ej:
- http://www.bienvenidos.es/publico/saludos.html
Tipos de URL
- HTTP: Los utilizados por los servidores de WWW.
- FTP: Apuntar archivos que estén en servidores que usan el protocolo FTP (File Transfer Protocol). Utilizado para enviar y recibir ficheros.
- File: Apuntan hacia archivos contenidos en el mismo disco que se encuentra el navegador
- Mailto: Se usa para mandar correos electrónicos. ([email protected])
- News: Son URL de grupos de noticias.
Estilos de caracter
Ejemplo 7
Estilos de caracter Un ejemplo de texto de realzado. Un ejemplo de texto de realzado. Un ejemplo de texto de realzado. Un ejemplo de texto de realzado. Un ejemplo de texto de realzado. Un ejemplo de texto de realzado. Un ejemplo de texto de realzado. Un ejemplo de texto de realzado. Un ejemplo de texto de realzado. Un ejemplo de texto de realzado. Un ejemplo de texto de realzado. Un ejemplo de texto de realzado.
Saltos y lineas
Ejemplo 9
Saltos y lineas
Tablas
Ejemplo 10
Tablas básicas
Cabereca 1 Cabereca 2 Cabereca 3
Dato 1 Dato 2 Dato 3
Dato 4 Dato 5 Dato 6
Tablas avanzadas
- Título
- (^) Cuando queramos titular una tabla usamos los tags ...... El tag de apertura puede llevar el atributo align que indicará si el título va encima o debajo de la tabla. align="top" indicaría encima de la tabla y align="bottom" indicaría en la parte de abajo.
- Alineación de celdas
- Atributo align= define horizontalmente los datos al margen izquierdo ( left ), al derecho ( right ) o centrado ( center ).
- (^) Atributo valign= define verticalmente los datos en la parte superior ( top ), en la parte inferior ( bottom ) o centrado ( middle ).
- Celdas extendidas
- Para crear una celda que abarque varias filas o columnas, debemos colocar en las tags o los atributos: - rowspan= más un valor para indicar el número de filas que se quiere abarcar. - colspan= más un valor para indicar el número de columnas que se quiere abarcar.
Tablas (espaciado)
- Podemos modificar el aspecto de la tabla cambiando el ancho de los bordes, el espaciado entre celdas y el ancho de las mismas. - width= Acompaña a y especifica el ancho de la tabla, tanto en número de pixeles como en porcentaje respecto al ancho de la pantalla. También puede acompañar a las tags o para especificar el ancho de las columnas. - cellspacing= Suele acompañar a la tag . Indica el número de pixeles que separan cada celda. El valor predeterminado suele ser 2. - (^) cellpadding= También acompaña a la tag . Indica el espacio en pixeles entre el borde de la celda y su contenido. El valor predeterminado suele ser 1.
Ejemplo tabla avanzada (espaciado)
Ejemplo 11
Tablas avanzadas
Dato 1 Un texto cualquiera Dato 3
Dato 4 Dato 4 Dato 5