HTML.

Slides:



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

¿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.
HTML PROGRAMACION WEB.
Elaboró: Paola Elizabeth Oviedo Lara
HTML SENA.
Con esta opción podrá utilizar viñetas para resaltar los distintos puntos que formen las Viñetas con pequeños símbolos o gráficos. Desde el triangulo posee.
Viñetas Con esta opción podrá utilizar viñetas para resaltar los distintos puntos que formen las Viñetas con pequeños símbolos o gráficos. Desde el triangulo.
Formato a un texto y a un párrafo
HTML Formato al texto.
BARRA DE HERRAMIENTAS FORMATO
Valores de Excel Los valores son aquellos datos con los que puedes realizar algún tipo de calculo.
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
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.
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.
Practica de formatos.
MATERIA: Educación Tecnológica 3 PROFESOR: Cleyver Vazquez Jijon.
Etiqueta A HREF La etiqueta ...; no sólo se utiliza para establecer un vinculo con otra página y/o correo. También en una página html se.
Ejemplo de aplicación Creado por: Ing. Inés Aranda.
HOT POTATOES.
inicio y diseño de pagina
Microsoft OFFICE Word MBA. Lida Loor Macías.
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.
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 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.
HTML.
“Trabajando en Notepad”
Líneas Horizontales Las líneas horizontales son de gran ayuda para separar secciones de texto o incluso como decoración. La etiqueta permite dibujar una.
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.
GUARDAR UN DOCUMENTO Y ABRIR UN DOCUMENTO
Profesora: Laura Patricia Pinto Prieto Ingeniera de sistemas Introducción a Programación 3.
Microsoft OFFICE Word.
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.
Hypertext Markup Language HTML. OBJETIVOS Conocer los fundamentos de HTML Escribir HTML usando un editor sencillo Conocer las marcas HTML Visualizar el.
Microsoft OFFICE Word MBA. Lida Loor Macías.
Navegadores web Tema 4 SRI Vicente Sánchez Patón I.E.S Gregorio Prieto.
HTML.
CODIGO HTML HTML, siglas de HyperText Markup Language
Mediacentro Clase #2 de Word I. Temario Movimiento del Punto de Inserción. Movimiento del Punto de Inserción. Corrección y Borrado del Texto.
HTML HyperText Markup Language
Curso: La Technologia En El Ministerio Jueves 6:30PM y 8:00PM Instructor. Jose R. Hernandez Correo Electrónico:
Introducción al Diseño de Páginas Web
HTML. Podemos crear con frames un sistema de navegación por nuestras páginas mediante un marco lateral en el que situamos enlaces y un marco principal.
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.
HTML.
U NIDAD 6. C REAR T EXTO A RTÍSTICO CON W ORD A RT WordArt se pueden crear títulos y rótulos dentro de nuestro texto. Sólo tenemos que introducir o seleccionar.
HTML.
HTML. Imágenes mapa Prof. Ricardo César Timaná Ortiz Es una de las características más avanzadas del lenguaje HTML. Con bastante probabilidad el lector.
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.
Clase 2 LISTAS: Una lista permite organizar la totalidad o parte de un documento HTML. Existen varios tipos de Listas: 1.Listas Sin Orden (sin enumeración),
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
GUÍA 1: PROCESADOR DE TEXTO Curso Básico de Sistemas Para Padres de Familia.
EXCEL. En Excel 2007 tenemos el cuadro de diálogo Formato de celdas para aplicar formato al contenido de las celdas seleccionadas. 1 Inicio 1 Inicio 2.
Transcripción de la presentación:

HTML

Formato de párrafos , listas no numeradas y listas numeradas en HTML Los párrafos delimitados por etiquetas <p> pueden ser justificados a la izquierda, centro o derecha especificando dicha justificación en el interior de la etiqueta por medio de un atributo align. Un atributo es un parámetro incluido en el interior de la etiqueta que ayuda a definir el funcionamiento de la etiqueta de una forma más personal. Prof. Ricardo César Timaná Ortiz

Ejemplo alineación de párrafos <p align="left">Texto alineado a la izquierda</p> <p align="center">Texto alineado al centro</p> <p align="right">Texto alineado a la derecha</p> Como veras, en cada caso el atributo align toma determinados valores que son escritos entre comillas. Prof. Ricardo César Timaná Ortiz

Prof. Ricardo César Timaná Ortiz Etiqueta <div> Esta etiqueta sola no tiene función va acompañada del atributo align y lo que nos permite es alinear cualquier elemento (párrafo o imagen) de la manera que nosotros deseamos. Por ejemplo si queremos alinear varios párrafos a la izquierda podemos evitar introducir continuamente el atributo alig sobre cada una de las etiquetas. Ejemplo: <div align="left"> <p>Parrafo1</p> <p>Parrafo2</p> <p>Parrafo3</p> </div> Prof. Ricardo César Timaná Ortiz

Color, tamaño y tipo de letra Esto se hace a partir de la etiqueta <font> y su cierre correspondiente. Dentro de esta etiqueta deberemos especificar los atributos correspondientes a cada uno de estos parámetros que deseamos definir. Atributo “face”.- Define el tipo de letra , hay que tener en cuenta que no todos los navegadores contienen los tipos de letra seleccionado, en todo caso si no contara te mostraría el tipo de letra por defecto, para evitar esto dentro del atributo se pueden poner varios tipos de letra separados por comas. <font face=“Tahoma,arial,verdana“>TEXTO</font> Prof. Ricardo César Timaná Ortiz

Prof. Ricardo César Timaná Ortiz Tamaño de letra Atributo Size.- Define el tamaño de la letra. Si hablamos en términos absolutos, existen 7 niveles de tamaño distintos numerados de 1 a 7 por orden creciente. Elegiremos por tanto un valor size="1" para la letra más pequeña o size="7" para la más grande. Se utiliza también el creciente (“+1”) para aumentar después del primer texto o (“-1”) <font size=7>Este texto es más grande </font> Prof. Ricardo César Timaná Ortiz

Prof. Ricardo César Timaná Ortiz Color de letra Atributo color.- Define el color del texto. es posible definir de una manera inmediata algunos de los colores más frecuentemente usados para los que se ha creado un nombre. <font color="red">Este texto está en rojo</font> Prof. Ricardo César Timaná Ortiz

Podemos distinguir tres tipos de listas: • Listas desordenadas • Listas ordenadas • Listas de definición Listas desordenadas.- Son delimitadas por las etiquetas <ul> y </ul> (unordered list). Cada uno de los elementos de la lista es citado por medio de una etiqueta <li> (sin cierre). Ejemplo: <p>Países del mundo</p> <ul> <li>Argentina <li>Perú <li>Chile </ul>