 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.

Slides:



Advertisements
Presentaciones similares
¿QUÉ ES HTML? Hipertext Markup Language. Lenguaje de ordenador.
Advertisements

Repaso desde HTML a XHTML
Introducción a Bloc de notas
Curso : Programación Web 1 Profesor : Aníbal Martínez Aguas Tema: Etiquetas básicas Capitulo 3 Semestre: 1.
HTML PROGRAMACION WEB.
CI-2413 Desarrollo de Aplicaciones para Internet
Elaboró: Paola Elizabeth Oviedo Lara
Publicación de páginas web
SESIÓN 3 APRENDIENDO HTML.
INTRODUCCION A CSS.
Guía de autoaprendizaje
Writer OpenOffice.org Material de la Prof. Jessie Lema PROCESADOR DE
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.
Ing. Cleyver Vazquez Jijon
HTML/CSS Marcas básicas.
( 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.
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.
Hypertext Markup Language HTML
Sandra Constanza Rubiano
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.
HTML HyperText Markup Language (Lenguaje de Marcas de Hipertexto)
TELEMATICA 1 SISTEMAS DE INFORMACIÓN Y TELEMATICA SECCIÓN
Practica de formatos.
Construcción de una página Web.
HTML (Hyper Text Markup Language)
Laboratorio 1 Paginas Web y HTML Justiniano Junco B Curso: Computación Justiniano Junco Fecha: 23 de Mayo del 2012 Profesor:
Concatenación en PHP Programación en Internet II.
HTML El HTML no es más que una aplicación del SGML (Standard Generalized Markup Language), un sistema para definir tipos de documentos estructurados y.
UNIVERSIDAD PANAMERICANA CAMPUS BONATERRA Informática administrativa I Flash Páginas HTML - WEB.
UNIDAD 7 WEB Y HTML.
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.
El lenguaje HTML Este lenguaje nos permite estructurar documentos. La mayoría de los documentos tienen estructuras comunes (títulos, parrafos, listas...)
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.
“Trabajando en Notepad”
Ing. Johanna Navarro.  Es un software cuya función es la de procesamiento de textos.  Creado por : Empresa Microsoft  Formato de archivo.docx  Ha.
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.
Hyper Text Markup Language (LENGUAJE DE MARCAS DE HIPERTEXTO) HTML.
Introducción a las Tecnologías Informáticas Oscar Bedoya
Práctica 3. Comentario Puedes agregar un comentario a tu página Web que no aparecerá cuando los lectores la lean. También puedes agregar comentarios para.
Clase 7 Tecnología de la Comunicación II Lics. en Com. Social y Periodismo F AC. DE C S. H UMANAS. UNSL. Sitio Web: construcción en In Design.
Profesora: Laura Patricia Pinto Prieto Ingeniera de sistemas Introducción a Programación 3.
INFORMÁTICA SOCIEDAD Y ORGANIZACIÓN
Institución educativa técnica ciudad de Ibagué Informática Ingeniero: Ariel Almona cid Arias Presentado por: luisa Fernanda Rodríguez
Curso de Programación Web html, java script. Contenido HTML Principios Color, links, listas Archivos externos Tablas y frames Java Script Datos y expresiones.
TABLAS CON HTML. TABLAS EN HTML Las tablas son la herramienta perfecta para organizar datos de manera ordenada, pero su utilidad no se queda ahí, ya que.
Hypertext Markup Language HTML. OBJETIVOS Conocer los fundamentos de HTML Escribir HTML usando un editor sencillo Conocer las marcas HTML Visualizar el.
PLAN DE MEJORA DE LA PÁGINA WEB
CODIGO HTML HTML, siglas de HyperText Markup Language
Hyper Text Markup Language (LENGUAJE DE MARCAS DE HIPERTEXTO) HTML.
Lenguaje de Programación Web Dinámico Multiplataforma Estándar abierto y accesible Elementos nuevos Retrocompatible Nueva filosofía de trabajo Impulsado.
Diseño y desarrollo de Páginas Web Tecnología IES Pablo Serrano 2010 – 2011 Ignacio Elorriaga.
HTML HyperText Markup Language
Que es un navegador de Internet. Un navegador web o de Internet, es un programa que permite visualizar la información que contiene una página web (que.
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.
@josedlujan. Director de Desarrollo M.T.I. José Dimas Luján Castillo
Diseño de una publicación digital Curso: Medios digitales Dra. Lyudmyla Yezers´ka.
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.
Curso de Programación Web html, java script. Contenido HTML Principios Color, links, listas Archivos externos Tablas y frames Java Script Datos y expresiones.
HTML.
ESTRUCTURA DE UNA PÁGINA WEB ING. AYAMAIN SILVA. RESULTADO DE APRENDIZAJE Identificar las partes de una pagina web con el uso del lenguaje XHTML. Diseño.
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.
Transcripción de la presentación:

 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 misma

 Ejemplo de una etiqueta Las etiquetas poseen apertura y cierrre

 Pero algunas etiquetas no tienen cierre por lo que son algunas excepciones en el lenguaje de html por lo que es necesario saberlo.  A dichas etiquetas se les llama vacias

 Cuando yo creo el documento html5 lo voy a crear por medio de un software que lo edite que edite mi codigo por lo que lo puedo generar por medio de:  1. sublime text  2. bloc de notas  3. NotePad ++  4. Otro cual generador como droitedit

 Cuando yo guardo mi html5 en cualquier editor de texto se debe de guardar en el debido formato por lo que es necesario guardarlo bien.  Es VITAL guardarlo con el formato  Ejemplo: segundobasico.html

 Luego de haberlo guardado con el debido formato debemos de ver nuestra página generada es decir el ejecutable el resultado de nuestra programación  Podemos verlo por medio del navegador web ya sea Safari, Internet Explorer, Google Chrome pero recordemos guardar cambios siempre

 Recordemos que estamos usando la versión mas actual de html que es html5 o bien esta estamos trabajando por lo que siempre hay que usar un buen navegador

 Por ejemplo lo primero que se coloca (usando html5) siempre es:   Luego sigue la siguiente estructura  Por favor revise las tareas y cuaderno y el libro…

 Mi primer ejemplo  Guardado: ejemplo.html  Ubicación: escritorio  Codigo:   …..

  hola mundo

 La estructura anterior solamente muestra lo que es el encabezado de la pagina  Es decir solamente muestra la pestaña del navegador  CUANDO USTED ESTA EN SU NAVEGADOR MIRE LA PESTAÑA Y ESO ES LO QUE APARECERA

 Entonces al momento de que usted abre su archivo este codigo solo genera en la pestaña la frase “hola mundo”  Aparte es el cuerpo de la pagina

 Vamos con la estructura del cuerpo de la pagina!!!!  …   Tres etiquetas piense y analice

 RECUERDE JOVEN ESTUDIANTE  EL LENGUAJE DE HTML5 ES EL INGLES POR FAVOR ASI QUE MAS QUE REPASE DICHO LENGUAJE PARA NO TENER PROBLEMAS EN LA COMPRENSIÓN DE ETIQUETAS  BODY= CUERPO  HTML= LENGUAJE DE MARCADO DE HIPERTEXTO

 CONTINUAMOS…   sean todos bienvenidos 

 Esta estructura se referia a mostrar un texto en mi pagina web sobre como mostrar…  Sean todos bienvenidos. (de color rojo marcado)

  hola   bienvenidos 

 Ademas…  LEA CUADERNO Y LIBRO!!!

¿Pero que me faltó????

 Ah ya….  Cerrar la etiqueta  Si quiero mi titulo mayor (es decir mayor tamaño)  Mi pagina web  Esta es para el titulo del cuerpo de la pagina

Recuerde Aunque el el encabezado lleve la etiqueta title no se refiere al titulo del cuerpo de la pagina no es igual a STOP!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

  Es para colocar parrafo puede llevar atributos los cuales aprenderemos poco a poco  gerardo bosco

 Coloca una imagen en mi pagina es una de las mas sencillas de usar  Ejemplo: 

 NOS AYUDA A CENTRAR EL TEXTO Y POR LO TANTO FORMA PARTE DE JUSTIFICAR EL TEXTO 

 Simple y sencillo por supuesto que en la segunda unidad ya no aplicaremos esta etiqueta sino que solamente css!! 

 Es la etiqueta font color es   </font

 Pero en que me equivoque…  Ahh ya..  <font 

 Enfatiza un texto al momento de colocarlo en la pagina   Si quiero colocar un texto fuerte enfatizado   Mi texto enfatizad 

 Ponga atención y estudie cada etiqueta puede practicarla en cada parte de su pagina

 Italica:  Negrita:  Parrafo:  Tachado:  Parrafo tachado: ????

 Combine la etiqueta del parrafo y del tachado..

 Cuando leemos cualquier texto aparece un superindice o subindice es decir aquella que nos indica un pie de pagina  Superindice  1 este es mi ejemplo

 Es lo mismo  Solo que con

  celda 1  celda 2

 Se compone de tr, td, th, table  Entonces debe de usar cada parte de la tabla para que lo pueda destacar  Recuerde no hay una etiqueta para tabla

 ¿Para que es tr¡?  Es para fila en tabla es decir si hay un nos va a generar una fila en la tabla

 Esta nos va a generar una celda en la tabla es decir aca va el contenido de la tabla

 Para subrayar 

 Para tachar 

 Para un bloque de citas 

 Recuerdela por favor  Para enfatizar 

 Puede usar en inglés o paleta de colores

  NO LO CONFUNDA POR FAVOR

 Hoy es un buen dia 

 ----  ….  ----  ---   ES DECIR CUERPO DE LA PAGINA

 EL ENCABEZADO ES LA PESTAÑA QUE ESTA EN EL NAVEGADOR QUE USE ES DECIR SAFARI, INTERNET EXPLORER, GOOGLE CHROME, ETC..  AUNQUE DIGA ETIQUETA TITLE NO ES PARA EL TITULO

 USE   Hasta el… 

 JOVENES ESTUDIEN Y REPASEN  Y SOBRE TODO PRACTIQUEN EN CASA  BENDICIONES.