MITZI MELINA GARCIA H. PROF. AZUCENA CERVANTES COLEGIO BUCERIAS 1B 07-05-15.

Slides:



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

¿QUÉ ES HTML? Hipertext Markup Language. Lenguaje de ordenador.
HTML PROGRAMACION WEB.
Laboratorio 5 Hojas de Estilo CSS
Visualización de documentos XML con CSS
TABLAS EN WORD.
Curso de Microsoft® Word 2010
Marcos y multimedia con html
Publicación de páginas web
INTRODUCCION A CSS.
HTML SENA.
Docente: Jineth Hurtado
HTML Formato al texto.
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.
HTML/CSS Marcas básicas.
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.
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.
HTML – Principales Etiquetas
MATERIA: Educación Tecnológica 3 PROFESOR: Cleyver Vazquez Jijon.
HTML HT HiperText ML Markup Language. 1986: La organización internacional de Estándares publica el SGML (Standard Generalized Markup Language) 1990: Tim.
Valor X Valor Y Punto (0,0) Coordenadas.
TAMAÑO Y ORIENTACIÓN DEL PAPEL
Microsoft OFFICE Word MBA. Lida Loor Macías.
UNIVERSIDAD PANAMERICANA CAMPUS BONATERRA Informática administrativa I Flash Páginas HTML - WEB.
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.
ETIQUETAS. Importante Que es una Etiqueta: Son elementos que tienen dos propiedades básicas: atributos y contenidose crea de esta forma, Se cierra de.
EDWIN ACOSTA PINILLA DIEGO FERNANDO CASTRO JHON SEBASTIAN CASTRO.
I M A G E N E S. muestra la imagen "IMAGEN.JPG" que se encuentra en la URL
Editor de fotografías Programa: GIMP (y 2). MUY IMPORTANTE El formato JPG está basado en filtros y algoritmos de compresión que provocan una pérdida.
El lenguaje HTML Este lenguaje nos permite estructurar documentos. La mayoría de los documentos tienen estructuras comunes (títulos, parrafos, listas...)
“Trabajando en Notepad”
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.
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.
PRACTICA 6. Crear un Bloque Puedes crear un bloque para separar una sección del texto del resto en tu página web.
Hypertext Markup Language HTML. OBJETIVOS Conocer los fundamentos de HTML Escribir HTML usando un editor sencillo Conocer las marcas HTML Visualizar el.
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.
1.¿Qué es? El Microsoft PowerPoint es un programa que permite hacer presentaciones, y es usado ampliamente los ámbitos de negocios y educacionales. 1.1¿Para.
HTML HyperText Markup Language
Profesora: Angela Maiz
Karina Quispe. Multiplataforma Simple Esta en todos lados No es mas que simple texto Libre.
TRABAJO MONOGRÁFICO – 4º ESO
Introducción al Diseño de Páginas Web
@josedlujan. Director de Desarrollo M.T.I. José Dimas Luján Castillo
Clase 3 IMÁGENES Existen tres tipos de formato de imágenes que se pueden Insertar en un documento HTML: JPEG GIF PNG.
¿Qué es un Mapa Conceptual?
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.
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.
HTML.
HTML.
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.
¿Que es un procesador de textos? Es una aplicación informática destinada a la creación o modificación de documentos escritos por medio de un computador.
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:

MITZI MELINA GARCIA H. PROF. AZUCENA CERVANTES COLEGIO BUCERIAS 1B

 Que es una fuente en código HTML? A la hora de crear páginas webs a veces nos encontramos limitados por las tipografías o fuentes tipográficas que podemos utilizar en ellas, dado que no todos los navegadores y sistemas operativos incluyen el mismo número de fuentes, y las tipografías de los sistemas operativos no serán las mismas. El uso adecuado del código fuente permite que los lectores de Roleropedia tengan acceso a artículos que respeten el mayor número posible de efectos tipográficos y ortográficos propios de la lengua española (como por ejemplo la letra cursiva o la letra negrita) y también permite la creación de enlaces a otras páginas, la inserción de imágenes o la posibilidad de redactar una leyenda al pie de las mismas. Pero el código fuente también sirve para otras cosas, como puede verse en las diferentes secciones de esta página.

 Tipografía html

  2) por medio de la etiqueta con el atributo size (tamaño en inglés) seguido por un número, el cual indica el tamaño entre 1 y 7. Tenemos que tener en cuenta que el valor por defecto es 3. Esta notación no provoca un salto de párrafo después de cada cambio. Etiquetas para manipular el tamaño de letra N N N N N N N N N Ejemplo: N N N El resultado será:

 Etiquetas para generar los encabezados Texto de prueba h1 Texto de prueba h2 Texto de prueba h3 Texto de prueba h4 Texto de prueba h5 Texto de prueba h6 se verá: 1º) Usamos el elemento.... : donde x es un número que puede variar entre 1 y 6, siendo 1 el tamaño mayor. Esto se utiliza solamente para los titulares de páginas Ejemplo podría ser el siguiente:

Para indicarle al navegador que queremos poner un texto en un párrafo, debemos escribirlo entre las etiquetas y su cierre, quedando el texto separado por un margen en blanco por encima y por abajo. Un atributo muy usado en el pasado (hoy deprecated) fue align, que servía para establecer la alineación del texto dentro del párrafo. Ejemplo del uso de párrafos - aprenderaprogramar.com Este texto se alineará al centro Este texto se alineará a la derecha Este texto se alineará a la izquierda

La etiqueta se denomina de “texto pre formateado” y sirve para que el navegador interprete el texto escrito tal y como está, respetando los saltos de línea, espacios, etc. indicados. Ejemplo del uso de etiqueta - aprenderaprogramar.com Escribo esta línea así Dejo dos líneas de separación y escribo tres más. Sin poner etiqueta el navegador respondería así.

Ejemplo del uso de etiqueta - aprenderaprogramar.com Escribo esta línea así Dejo dos líneas de separación y escribo tres más. Si colocamos la etiqueta :

 Que es la etiqueta La etiqueta está desaprobada. Esta etiqueta especifica el tamaño, color y tipo de fuente para un texto. EJEMPLO:

Estos atributos son soportados por todos los navegadores Internet Explorer Firefox Google Chrome Opera Safari

Etiqueta font face. La marca FONT se emplea para formatear el tipo y tamaño del texto en algunos puntos del documento específicos. En realidad, si la marca FONT abriera y cerrara el documento, todo el texto comprendido dentro quedaría formateado tal y como estuviera indicado. Sin embargo, conceptualmente la marca FONT ha sido concebida para definir partes limitadas de texto. Por otro lado, mientras TEXT determina tan sólo en color del texto, la marca FONT puede definir el tipo utilizado, así como su tamaño y color.

 El color del texto puede ser definido mediante el atributo color. Cada color es a su vez definido por un número hexadecimal que esta compuesto a su vez de tres partes. Cada una de estas partes representa la contribución del rojo, verde y azul al color en cuestión. Podéis entender cómo funciona esta numeración y cuáles son los colores que resultan más compatibles a partir de este artículo: Los colores y HTML. Por otra parte, es posible definir de una manera inmediata algunos de los colores más frecuentemente usados para los que se ha creado un nombre más memotécnico: Etiqueta que nos permite manipular el color de la fuente. NombreColor Aqua Black Blue Fuchsia Gray Green Lime Maroon Navy Olive Purple Red Silver Teal White Yellow Este texto está en rojo

 Ejemplo:

 ¿Cuál es la etiqueta de marquee? La etiqueta marquee nos sirve para dar un efecto diferente a los texto de nuestra página Web. Gracias a ella podemos conseguir texto en movimiento. Para aplicar este efecto a los textos, éstos deben estar dentro de la etiqueta marquee, entre su inicio " " y su cierre " ". El movimiento, la dirección de desplazamiento, la velocidad del mismo. todo es configurable gracias a los siguientes atributos:

align: Este atributo nos indicará si el texto dentro de la etiqueta se alineará en la zona alta del marquee ("top"), en el medio ("middle") o en la parte baja ("bottom"). bgcolor: Con este atributo definiremos el color de fondo que le queremos dar a la marquesina donde está el texto en movimiento. height y width: El primero marca la altura que tendrá la marquesina y el segundo la anchura de la misma. scrollamount: Este atributo define la cantidad de píxeles que queremos que se desplace el texto en cada movimiento. Por ejemplo: significará que el texto que vaya dentro de esa etiqueta se moverá a razón de tres píxeles por movimiento. scrolldelay: Éste nos define la velocidad del texto que está dentro de la marquesina. A menor numeración, mayor velocidad. Es decir, un texto irá más rápido si el scrolldelay es 5, que si el scrolldelay es 20. loop: Este atributo nos determina si el movimiento se repetirá o no. Si queremos que el movimiento sólo se repita unas veces determinadas debemos indicárselo con un número, que será el número de veces que se repita. Si queremos que se repita sólo 10 veces, su loop será el siguiente: Si queremos que se repita debemos usar "infinite" o "-1". Si no especificamos nada, se repetirá constantemente. direction: Sirve para definir la dirección del movimiento: "left" para la izquierda, "right" para la derecha, "top" para arriba y "down" para abajo. behavior: Gracias a este atributo podemos dar nuevos efectos a la marquesina. Si no especificamos este atributo, el texto se moverá de forma circular en el sentido que le hayamos marcado. Con behavior="scroll" conseguiremos el mismo efecto: el texto se moverá circularmente.

 La etiqueta HTML que nos permite poner imágenes en nuestra página web es IMG. La línea de código que necesitaríamos sería la siguiente: Por defecto, el tamaño de la imagen que carga es su tamaño original. Si queremos modificar el tamaño deberemos de utilizar los atributos HTML width y height, los cuales nos permiten modificar el ancho y el alto de la imagen respectivamente. A estos atributos les tendremos que dar unos valores numéricos que indiquen el valor en pixels que queremos reflejar. Así, si queremos poner la imagen a 100x100 pixels, la línea de código quedaría de la siguiente forma: ¿Cómo puedes manipular el ancho y alto de una imagen?

 Que funcion tiene alt en html. podemos poner una descripción de la imagen dentro de la misma para que la gente puede leerla al mantener el ratón encima de ella. Esta descripción podemos escribirla mediante el atributo "alt" y lo escribiríamos de la siguiente manera: alt= "x", siendo "x" la descripción que le gente leerá al pasar el ratón por encima. Ejemplo:

ROLEROPEDIA.(2010)SINTAXIS DE FONT, RECUPERADO EL EN: IMAGINANET.(2014)TIPOGRAFIA, RECUPERADO EL EN: web.html PCWEB(2014)TIPO Y COLOR DE LETRA, RECUPERADO EL EN: APREN. A PROGRAMAR.(2010)ENCABEZADO HTML,RECUPERADO EL EN: s-html-h1-a-h6-parrafos-aplicar-estilos-y-etiqueta-pre-texto-preformateado-ejemplo- cu00715b&catid=69:tutorial-basico-programador-web-html-desde-cero&Itemid=192 VIRTUALNUTA.(2014)ETIQUETA FONT, RECUPERADO EL EN: HTMLPOINT.(2010)GUIDA, RECUPERADO EL EN: HAZUNAWEB.(2010)ALT EN HTML, RECUPERADO EL EN: LINEA DE CODIGO,(2010)ALTO Y ANCHO DE IMAGEN,RECUPERADO EL EN: FORMATO APA