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.

Slides:



Advertisements
Presentaciones similares
Adaptador Web para discapacitados visuales D. Cascado, M.A. Rodríguez, L. Miró, S. Vicente, S. Muñoz, A. Civit. 1 Grupo de Robótica y Tecnología de Computadores.
Advertisements

Ricardo Ferrís Castell
ITINERARIO Curso: 2do 2da Curso: 2do 2da Profesor: Guillen Walter.
Elaboró: Paola Elizabeth Oviedo Lara
Marcos y multimedia con html
Lenguaje de definición
Práctica Profesional HTML.
HTML SENA.
Docente: Jineth Hurtado
T a b l a s.
BARRA DE HERRAMIENTAS FORMATO
Microsoft Word – Primera Parte
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.
USECAD 2008 HTML Y PHP (BÁSICO).
Tecnología de la Comunicación II
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.
Lenguaje XHTML Instituto de Educación Superior Tecnológico Publico de «La Joya» Computación e Informática Ing. Wilfredo Chávez Ilasaca.
Hypertext Markup Language HTML
Sandra Constanza Rubiano
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.
Disposición de la división de las páginas: La zona de contenido principal tendrá 25 píxeles de espacio en blanco en la parte izquierda superior. /*División.
DISEÑO DE SITIOS WEB FRONTPAGE 2003.
CSS div.
HTML – Principales Etiquetas
Criterios para la evaluación y validación gráfica
Php y MySql Informática aplicada. Marcas Un documento HTML (Hyper Text Mark Languaje) esta compuesto por marcas o etiquetas. Las marcas delimitan elementos.
HTML HT HiperText ML Markup Language. 1986: La organización internacional de Estándares publica el SGML (Standard Generalized Markup Language) 1990: Tim.
SITIO, BITÁCORA Y AULA VIRTUAL
Cuestionario De Microsoft Word
Página web por HTML.
Profesora: Laura Patricia Pinto Prieto. Tablas  Las tablas están formadas por celdas, que son los recuadros que se obtienen como resultado de la intersección.
Formatos de imagen. 800 Pixeles 600 Pixeles PIXEL (Picture Elementary )
APRENDE A CREAR TUS PROPIAS TABLAS DE HTML POR MARIA CATALINA GUTIERREZ PEÑA.
IMÁGENES GIF LAURA MARÍN CAMELO. Las imágenes pueden ser de muchos formatos diferentes: Bmp (Bitmap = Mapa de bits) Gif (Graphics Interchange Format =
Lenguaje de definición
ETIQUETAS. Importante Que es una Etiqueta: Son elementos que tienen dos propiedades básicas: atributos y contenidose crea de esta forma, Se cierra de.
El lenguaje HTML Este lenguaje nos permite estructurar documentos. La mayoría de los documentos tienen estructuras comunes (títulos, parrafos, listas...)
HTML.
“Trabajando en Notepad”
Listas Una lista permite organizar la totalidad o parte de un documento HTML estructurándolo de la forma más clara posible para hacerlo más perceptible.
Formatos de imagen Las imágenes digitales se pueden guardar en distintos formatos. Cada uno se corresponde con una extensión específica del archivo que.
HTML.
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.
TALLER 2 PARTE I COIS-408 Prof. Pedro M. Moreno – Enero 2010 Universidad Metropolitana – Recinto de Cupey 1.
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.
Introducción a las Tecnologías Informáticas Oscar Bedoya
TABLA EN HTML Celda 1Celda2celda3 Celda 4Celda 5Celda 6 Celda 1 Celda 2 Celda 3 Celda 4 Celda 5 Celda 6.
INSERCION DE FILAS Y COLUMNAS
Hypertext Markup Language HTML. OBJETIVOS Conocer los fundamentos de HTML Escribir HTML usando un editor sencillo Conocer las marcas HTML Visualizar el.
CODIGO HTML HTML, siglas de HyperText Markup Language
Mediacentro Clase #2 de Excel I. Temario Insertar y eliminar: columnas filas y celdas Formatos de Celdas Formato de Filas, columnas y Hojas.
PHP con Bases de Datos Tema 1 Introducción a PHP
Karina Quispe. Multiplataforma Simple Esta en todos lados No es mas que simple texto Libre.
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.
DISEÑO DE PÁGINAS WEB HTML Y CSS Tema 1: Introducción Jose Miguel Vidagany Igual.
Practicas Word (Clase 14)
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.
Microsoft Word Procesador de Textos
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.
ANDRES MAURICIO QUINTERO MACEA Programación Web Lic. Informática y medios audiovisuales Facultad de educación y ciencias humanas Universidad de Córdoba.
GUÍA 1: PROCESADOR DE TEXTO Curso Básico de Sistemas Para Padres de Familia.
Transcripción de la presentación:

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 de los enlaces "padrón: azul"  ALINK: Color de los enlaces al accionarse "padrón: rojo"  VLINK: Color de los enlaces después de visitados "padrón: azul oscuro o bordó"  BACKGROUND: Imagen de fondo.

Los 6 formatos tamaños de letras más comunes ... Letra de nivel 1 ... Letra de nivel 2 ... Letra de nivel 3 ... Letra de nivel 4 ... Letra de nivel 5 ... Letra de nivel 6

Etiquetas - Formato de texto  Define un texto en negrita  Define un texto grande  Define un texto enfatizado  Define un texto en itálica  Define un texto pequeño  Define un texto fuerte  Define un texto subíndice  Define un texto superíndice  Define un texto subrayado  Define un texto tachado

Etiquetas - Listas  … …  (“ordered list”) lista ordenada o numera cada elemento de la lista.  li ("list item", o sea, elemento de lista). Para crear elementos de lista  Viñetas (“unorderes list”) sin orden o vinetas

Etiquetas  Línea horizontal   Atributo width – especifica el ancho ( )  Salto de línea 

Etiquetas – Enlaces (link)   google.com “  Acceder a páginas en subcarpetas  Haz clic para ir a la página 2  Enlazar a página en una carpeta superior:  Enlace a la pagina1

Etiquetas – Enlace (link)  Enlaces internos dentro de una misma página  Usa el atributo id para marcar el elemento con el que quieras enlazar. Por ejemplo:  Primer encabezado  Para enlazar a dicho elemento, se usa la almohadilla "#" en el atributo "href" del elemento a. El símbolo "#" debe ir seguido del id de la etiqueta con la que quieres enlazar. Por ejemplo:  Enlace con el primer encabezado

Etiquetas - Imagen   Hay tres clases diferentes de tipos de fichero de imagen que puedes insertar en tus páginas:  GIF (Graphics Interchange Format)  JPG o JPEG (Joint Photographic Experts Group)  PNG (Portable Network Graphics)

Etiquetas - Imagen   Atributos  Alt – texto alternativo de una imagen  Title - para añadir información a la imagen  width y height – altura y anchura de la imagen

Etiquetas - Tablas   … - filas  … - encabezado de fila  … - celdas

Etiquetas - Tablas  Atributos  Combinar celdas, se usan en o :  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.

Etiquetas - Tablas  Atributos  width= para especificar el ancho de la tabla o columnas( # pixeles o % respecto al ancho de la pantalla)  Border= para especificar el ancho del borde en pixeles. Border="0" será ausencia de borde.  Cellspacing= acompaña a. Indica el número de pixeles que separan cada celda. El valor predeterminado suele ser 2.  Cellpadding= acompaña a. Indica el espacio en pixeles entre el borde de la celda y su contenido. El valor predeterminado suele ser 1.