El lenguaje HTML Este lenguaje nos permite estructurar documentos. La mayoría de los documentos tienen estructuras comunes (títulos, parrafos, listas...)

Slides:



Advertisements
Presentaciones similares
HTML Instituto Universitario de Tecnología Valencia
Advertisements

HTML (Historia) Rogelio Ferreira Escutia. 2 HTML, septiembre 2010 ¿Qué es? HTML, siglas de HyperText Markup Language.
¿QUÉ ES HTML? Hipertext Markup Language. Lenguaje de ordenador.
Repaso desde HTML a XHTML
Curso : Programación Web 1 Profesor : Aníbal Martínez Aguas Tema: Etiquetas básicas Capitulo 3 Semestre: 1.
Elaboró: Paola Elizabeth Oviedo Lara
Marcos y multimedia con html
Publicación de páginas web
INTRODUCCION A CSS.
HTML SENA.
Etiqueta Título Los títulos o encabezamientos se emplean al comienzo de una sección. Las etiquetas que se usan son: Los títulos o encabezamientos se emplean.
DISEÑO DE PAGINAS WEB Las páginas Web son documentos de hipertexto y multimedia. Son documentos multimedia que incorporan imágenes, videos, animaciones,
Ing. GISCARD MARQUEZ VALVERDE.
Introducción al desarrollo de proyectos RIA.
Ing. Cleyver Vazquez Jijon
( Hyper Text Markup Lenguage )
Hojas de Estilo Una hoja de estilo es un documento es un documento independiente, donde se definen todos los estilos que se utilizarán en todas las páginas.
HTML Conceptos básicos.
DOCENTE: Ing. Eddye Sánchez Castillo
QUE ES HTML? HTML es el lenguaje con el que al escribir etiquetas creamos páginas web. Las páginas se visualizan por medio de un navegador (Internet Explorer,
DISEÑO SITIOS WEB CON HTML Los sitios html comienzan con el código de inicio y terminan con el código Así que ponemos Los sitios html se dividen en un.
Curso de Diseño Web Profesor: Mario Figge. El Modelo de Cajas (Box Model)
Diplomatura de Fisioterapia - APENDICE A Robles, HTML Apendice A Diseño de Páginas Web ( HyperText Markup Language) Apendice A Diseño de Páginas.
En ocasiones podemos desear añadir comentarios aclaratorios dentro del código, de manera que no sean visualizados en el navegador, pero sí a la hora de.
 El favicon es un icono que aparece en la parte superior de los navegadores, junto a la url de la página que estamos viendo y se usa para asociar una.
HTML – Principales Etiquetas
MATERIA: Educación Tecnológica 3 PROFESOR: Cleyver Vazquez Jijon.
Laboratorio 1 Paginas Web y HTML Justiniano Junco B Curso: Computación Justiniano Junco Fecha: 23 de Mayo del 2012 Profesor:
FORMATO DE UN TEXTO En Word podemos clasificar las acciones que tienen que ver con el formato en tres grandes grupos: 1. Formato carácter. Afectan a los.
1  ¿ Qué es un sitio web ?  Colección de páginas web dotadas de una dirección web única  ¿ Qué es un página web ?  Es un documento creado en lenguaje.
WORLD WIDE WEB Lenguaje HTML
ETIQUETAS. Importante Que es una Etiqueta: Son elementos que tienen dos propiedades básicas: atributos y contenidose crea de esta forma, Se cierra de.
HTML. Etiquetas   Atributos  BGCOLOR: Color de fondo "padrón: gris o blanco"  TEXT: Color de los textos de la página "padrón: negro"  LINK: Color.
HTML.
“Trabajando en Notepad”
Servicio de Internet http Pagina Web (blog). ¿ Que es una página Web? Documento en la World Wide Web que es visto a través de un navegador como Internet.
Tamaños y tipos de letra en HTML Para definir distintos tamaños de letra, en HTML se utiliza el elemento lleno donde x es un número que puede variar entre.
Es un conjunto o serie de etiquetas incluidas en archivos de texto que definen la estructura de un documento WWW. Los navegadores WWW leen estos archivos.
Profesora: Laura Patricia Pinto Prieto Ingeniera de sistemas Introducción a Programación 3.
Estructura de un documento HTML Opcionalmente los documentos escritos en HTML empezarán por la marca y finalizarán con la marca. Esta marca tan solo sirve.
INFORMÁTICA SOCIEDAD Y ORGANIZACIÓN
CSS Cascading Style Sheets
TRABAJO CON COLOR. TRABAJO CON TEXTO Los colores en tu monitor se forman mediante la combinación de tres canales de color Rojo, Verde y Azul (Red, Green.
Navegadores web Tema 4 SRI Vicente Sánchez Patón I.E.S Gregorio Prieto.
Microsoft Power Point Tema: “Como manejo del Power Point como herramienta estudiantil”.
HTML.
CODIGO HTML HTML, siglas de HyperText Markup Language
 Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.
Con tantas herramientas de desarrollo Web existentes, es muy fácil crear páginas Web sin tener ninguna necesidad de saber HTML. Pero no es el caso crear.
Lenguaje de Programación Web Dinámico Multiplataforma Estándar abierto y accesible Elementos nuevos Retrocompatible Nueva filosofía de trabajo Impulsado.
HTML HyperText Markup Language
Karina Quispe. Multiplataforma Simple Esta en todos lados No es mas que simple texto Libre.
TRABAJO MONOGRÁFICO – 4º ESO
Tablas Las tablas en HTML utilizan los mismos conceptos de filas, columnas, cabeceras y títulos que los que se utilizan en cualquier otro entorno de publicación.
Introducción al Diseño de Páginas Web
Tecnologías Emergentes y los Negocios Unidad 4 – Diseño de Sites.
Diseño de una publicación digital Curso: Medios digitales Dra. Lyudmyla Yezers´ka.
El color El tamaño del texto Tipo de letra Listas.
Texto Estructurar La forma más sencilla de estructurar un texto consiste en separarlo por párrafos. Además, HTML permite incluir títulos que delimitan.
Web y Multimedia II Integrantes: Piero Álvarez Mayra Atience Jhonney Bermeo Johanna Cabrera Gabriela Cango.
USB-Ingeniería de Sistemas Programación en Internet Agosto 2015 Introducción al Html.
1. Introducción ¿Qué es HTML? HTML, siglas de HyperText Markup Language («lenguaje de marcado hipertextual»), hace referencia al lenguaje para la elaboración.
HTML.
HTML.
CURSO DE FORMACIÓN AL PORTAL WEB DE LA UNIVERSIDAD CARLOS III DE MADRID ORACLE PORTAL Manual disponible en:
INTRODUCCIÓN HTML. QUE ES HTML El HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben las páginas web. HTML es un lenguaje de hipertexto.
Módulo III.- Recursos en UPSA VIRTUAL Este módulo explica como configurar los distintos recursos que pueden encontrarse en un curso de MOODLE. Recurso:
ANDRES MAURICIO QUINTERO MACEA Programación Web Lic. Informática y medios audiovisuales Facultad de educación y ciencias humanas Universidad de Córdoba.
MITZI MELINA GARCIA H. PROF. AZUCENA CERVANTES COLEGIO BUCERIAS 1B
Transcripción de la presentación:

El lenguaje HTML Este lenguaje nos permite estructurar documentos. La mayoría de los documentos tienen estructuras comunes (títulos, parrafos, listas...) que van a ser definidas por este lenguaje mediante etiquetas. Cualquier cosa que no sea una etiqueta es parte del documento mismo. Este lenguaje no describe la apariencia del diseño de un documento sino que ofrece a cada plataforma que le de formato según su capacidad y la de su navegador (tamaño de la pantalla, fuentes que tiene instaladas...). Básicamente, los documentos escritos en HTML constan del texto mismo del documento y las etiquetas que pueden llevar atributos. Esto llevado a la práctica, vendría a ser: texto afectado La etiqueta del principio activa la orden y la última (que será la del principio precedida del signo /) la desactiva.

El lenguaje HTML Estructura básica de un documento HTML: Cabecera y cuerpo del documento Tres son la etiquetas que describen la estructura general de un documento y dan una información sencilla sobre él. Estas etiquetas no afectan a la apariencia del documento y solo interpretan y filtran los archivos HTML. : Limitan el documento e indica que se encuentra escrito en este lenguaje. : Especifica el prólogo del resto del archivo. Son pocas las etiquetas que van dentro de ella, destacando la del titulo que será utilizado por los marcadores del navegador e identificará el contenido de la página. Solo puede haber un título por documento, preferiblemente corto aunque significativo, y no caben otras etiquetas entro de él. En head no hay que colocar nada del texto del documento. : Encierra el resto del documento, el contenido.

El lenguaje HTML Estructura básica de un documento HTML: Cabecera y cuerpo del documento Ejemplo 1 Hola mundo

El lenguaje HTML,,...: Titulares. Sirven para dividir el texto en secciones. Se pueden definir seis niveles de titulares, el texto que deseamos que sea un titular se pone entre las etiquetas Titular. Se definen mediante las etiquetas..... hasta..... : Párrafos. Esta etiqueta, en un principio, se diseñó para saltar de párrafo por lo que puede ir sola " " al final de un texto indicando que a continuación se quiere una línea en blanco. : Saltos de línea. Esta etiqueta sirve para realizar un salto de linea, puede poner tantas como desee y realizará un salto de línea por cada una de ellas. : Comentarios. Son directivas que nunca se mostrarán a través del navegador y que le servirán para recordatorios en futuras revisiones del documento. para texto preformateado. Esta etiqueta se emplea para texto escrito en tipo de letra de caja fija (mono-espaciada) y dentro del bloque marcado los saltos de línea sí son respetados.

El lenguaje HTML 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 Tres

El lenguaje HTML Fondos y colores de texto El atributo BGCOLOR Este atributo permite escoger un color para el fondo de la página donde "rr" "gg" y "bb" son valores hexadecimales comprendidos entre 00 y FF que especifican el grado de saturación de los colores rojo, verde y azul. El atributo BACKGROUND Este atributo especifica una imagen residente en el servidor la cual se utilizará como fondo de página. El atributo TEXT Permite controlar el color del texto estándar, es decir, todo texto que no especifique un enlace.

El lenguaje HTML Fondos y colores de texto Los atributos LINK, VLINK y ALINK Controlan el color de los enlaces: LINK color del enlace que aún no ha sido visitado. ALINK color muy fugaz que aparece cuando se hace clic sobre el enlace VLINK es el color de un enlace que ya ha sido visitado

El lenguaje HTML Formato de Texto Lo ideal cuando se trabaja con texto sería poder cambiarlo al tamaño mas adecuado, cambiar de colores y cambiar el tipo de letra. Todo esto se puede hacer gracias a la etiqueta. Cambio de color Para hacerlo vamos a utilizar el parámetro COLOR. La manera de especificarle el color es común a todas las etiquetas HTML: o bien indicando el nombre, si es un color normal, o bien especificando el porcentaje de rojo, verde y azul (código RGB) del mismo. D E G R A D A D O

El lenguaje HTML Tamaños del texto El parámetro utilizado para indicar el tamaño es SIZE. Puede utilizarse para indicar tamaños absolutos: SIZE=1 SIZE=2 SIZE=3 SIZE=4 SIZE=5 SIZE=6 SIZE=7 El tamaño por defecto es 3. También se puede utilizar los modificadores + y - para indicar un incremento (o decremento) relativo del tamaño del tipo de letra. Así, por ejemplo, si indicamos que queremos un tamaño de -2 estaremos pidiendo al navegador que nos muestre el tipo de letra dos veces más pequeño. Tamaño 2 Tamaño 6

El lenguaje HTML Tipo de letra Por último, podemos especificar el nombre del tipo de letra que queremos utilizar gracias al parámetro FACE. Como en principio no tenemos manera de saber que tipo de letra tiene instalado el ordenador del usuario que está viendo nuestras páginas, podemos indicar más de uno separado por comas. Si el navegador no encuentra ninguno seguirá utilizando el que tiene por defecto: Prueba de Fuentes