HyperText Markup Language
|
|
- Óscar Castillo Guzmán
- hace 6 años
- Vistas:
Transcripción
1 HTML HyperText Markup Language Claudio Cubillos Figueroa Escuela de Ingeniería Informática Pontificia Universidad Católica de Valparaíso, Chile
2 Definición HyperText Markup Lenguage v No es un lenguaje de programación v Markup Lenguage o lenguaje de marcado utilizado para la descripción de páginas web v Corresponde a un set de etiquetas que incluyen información adicional sobre la estructura de un texto v Determina cómo se deben desplegar el texto y las imágenes de un documento web. 2
3 referencias v Estandar de la W3C v v W3Schools.com v 3
4 Ejemplo Código HTML <!DOCTYPE html> <html> <body> <h1>mi primer título</h1> Resultado visible en web Mi primer título Mi primer párrafo. <p>mi primer párrafo.<p> </body> </html> 4
5 Ejemplo <!DOCTYPE html> <html> <body> <h1>mi primer título</h1> <p>mi primer párrafo.<p> </body> </html> Código HTML v La declaración DOCTYPE define el tipo de documento v El texto entre las etiquetas <html> y </html> describe la página web v El texto entre las etiquetas <body> y </body> corresponde al contenido visible de la página web v El texto entre <h1> y </h1> es mostrado como título de primer nivel v El texto entre <p> y </p> es mostrado como párrafo
6 Etiquetas o Tags v Los marcadores de HTML son llamados generalmente etiquetas o tags v Los tags son palabras clave entre paréntesis angulares ( <> ): <html> v Éstos se escriben normalmente en pares: un tag de inicio y otro de fin: <b> y </b> v Los tags de inicio y fin se denomina también tags de apertura y de cierre
7 v Títulos Etiquetas o Tags Los títulos están definidos por las etiquetas desde <h1> hasta <h6>, de acuerdo al nivel del título v Párrafos Los párrafos están definidos por la etiqueta <p> v Links Los links están definidos por la etiqueta <a> v Imágenes Las imágenes están definidas por la etiqueta <img>
8 Ejemplo <!DOCTYPE html> <html> <body> <h1> Título de primer nivel </h1> <h2> Título de segundo nivel </h2> <p> Esto es un párrafo. <p> v El texto entre <h1> y </h1> es un título de primer nivel v El texto entre <h2> y </h2> es un título de primer nivel v El texto entre <p> y </p> es un párrafo <a href=" Este es un link</a> <img src= holamundo.jpg" width="104" height="142" /> </body> </html> v El texto entre <a> y </a> es es un link asociado a la página v El tag <img> está asociado a la imagen holamundo.jpg
9 Elementos de HTML v Un elemento se define como todo aquello desde un tag de apertura hasta un tag de cierre v Un elemento inicia con un tag de apertura v Un elemento termina con un tag de cierre v Aquello entre ambos tags se denomina contenido del elemento v Existen elementos con contenido vacío, éstos terminan en el tag de apertura v Muchos elementos de HTML puede tener atributos
10 Elementos de HTML Tag de apertura Contenido del elemento Tag de cierre <p> Esto es un párrafo </p> <a href="default.htm"> Esto es un link </a> <body> <p> Hola Mundo </p> </body> <br> v El contenido del elemento de un párrafo es un texto v El contenido del elemento <body> corresponde a otro elemento, un párrafo <p> v <br> es un elemento vacío. Corresponde a un término de línea
11 Atributos v Los atributos proveen información adicional respecto a un elemento v Se deben especificar en el tag de apertura v Los atributos se definen a través de un nombre y de un valor de la siguiente manera: nombre= valor <a href=" Este es un link</a> El atributo asociado a un link es la dirección del link referida en el atributo href
12 Etiquetas de formato v Existen diversas etiquetas para dar formato al texto en un documento html Tag Descripción <b> Define texto en negrita <big> Define texto grande <em> Define texto enfatizado <i> Define texto en cursiva <small> Define texto pequeño <strong> Define texto fuerte <sub> Define texto como subíndice <sup> Define texto como superíndice
13 Etiquetas de formato Código HTML <!DOCTYPE html> <html> <body> <p> <b> Texto en negrita </b> </p> <p> <big> Texto grande </big> </p> <p> <i> Texto en cursiva </i> </p> <p> <code> Texto como output de computador </code> </p> <p>esto es un <sub> subíndice </sub> y un <sup> superíndice </sup> </p> </body> </html> Resultado visible en web Texto en negrita Texto grande Texto en cursiva Texto como output de computador Esto es un subíndice y un superíndice
14 CSS v Cascading Style Sheets, hojas de estilo en cascada, son utilizadas para la presentación de documentos HTML. v Se creó para proporcionar una mejor forma de estilo a los elementos de HTML. v CSS puede se agregado a HTML de tres formas: En línea utilizando el atributo style en los elementos de HTML Interna utilizando el elemento <style> en la sección <head> Externa utilizando un archivo CSS externo
15 CSS: Estilo en línea Código HTML <!DOCTYPE html> <html> <body> <h1 style="fontfamily:verdana;">un título en estilo Verdana</h1> <p style="fontfamily:arial;color:red;font-size: 20px;">Un párrafo en Arial y color rojo.</p> </body> </html> Resultado visible en web Un título en estilo Verdana Un párrafo en Arial y color rojo.
16 CSS: Estilo en línea Código HTML <!DOCTYPE html> <html> <body> <h1 style="textalign:center;">título centrado</ h1> <p>esto es un párrafo.</p> Resultado visible en web Título centrado Esto es un párrafo. </body> </html>
17 Tablas v Las tablas se definen con el tag <table> v Las filas de la tabla se definen con el tag <tr> v Las celdas se definen con el tag <td> v <td> se refiere a table data y una celda puede almacenar texto, links, imágenes, otras tablas, etc. <table border="1"> <tr> <td>fila 1, celda 1</td> <td>fila 1, celda 2</td> </tr> <tr> <td>fila 2, celda 1</td> <td>fila 2, celda 2</td> </tr> </table> fila1, celda 1 fila 1, celda 2 Fila 2, celda 1 Fila 2, celda 2
18 Atributos de las Tablas v Si no se especifica el atributo border, la tabla se mostrará sin bordes v Para mostrar títulos en las columnas de las tablas, se debe especificar el tag <th>
19 Formularios y sus elementos v Se utiliza para enviar datos al servidor v Un formulario puede contener elementos de entrada como campos de texto, casillas de verificación, botones de radio, botones de envío y mucho más.
20 Formularios y sus elementos v El elemento radio es un elemento de selección excluyente v El elemento checkbox es un elemento de selección múltiple.
21 HTML Layouts usando <div>
22 Resumen Structure Tags Function Start Tag Attributes End Tag HTML File <html> none </html> File Header <head> none </head> File Title <title> none </title> Comments <!-- Your comments go between the start and end tags. Put a space between the -- and your comments. --> Body <body> background="filename" bgcolor="color value" text="color value" link="color value" vlink="color value" </body> Division <div> align="right/left/center" style="property:value;" class="classname" </div> Span (inline) <span> style="property:value;" class="classname" </span>
23 Resumen Basic Text Tags Function Start Tag Attributes End Tag Line Break <br> clear="left/right/all" </br> or <br / > Paragraph <p> align="center/right" </p> Bold <b> none </b> Italic <i> none </i> Typewriter Text <tt> none </tt> Headline <h1-6> align="center/right" </h1-6> Font <font> face="name, name" size="+/-value/fixed size" color="color value" Note: the font tag is being phased out in favor of CSS styles. </font> Horizontal Rule Block Quote <hr> <blockqu ote> size="xx" width="xx/xx%" noshade </hr> or <hr / > none </ blockquote> Division <div> align="left/center/right" </div>
24 Resumen List Tags Function Start Tag Attributes End Tag Unordered List <ul> type="disc/circle/square" </ul> Ordered List <ol> type="i/a/1/a/i" start="value to start counting at" </ol> List Item <li> type=all ul and ol options </li> Definiton List <dl> none </dl> Definition List Item <dt> none </dt> Definition List Definition <dd> none </dd> Link Tags Function Start Tag Attributes End Tag Anchor Link <a> href="filename" target="windowname" </a> Anchor Mark <a> name="markname" </a>
25 Image Tags Resumen Function Start Tag Attributes End Tag Insert Image <img> src="filename" align="left/right" width="xxx" height="xxx" alt="text that desribes image" ISMAP USEMAP="#mapn ame" </img> Form Tags Function Start Tag Attributes End Tag Form <form> method=get/put action="programname" Input Field <input> name="variablename" type=text/password/ checkbox/radio/submit/ reset/image </form> </input> Selection List <select> name="variablename" size=xx multiple </select> Selection Option <option> none </option> Scrolling Text Field <textarea> name="variablename" rows=xx cols=xx </textarea>
26 Resumen Commonly-Used Special Characters Name Symbol HTML Equivalent ampersand & & cent sign copyright symbol or degree sign greater than > > less than < < non-breaking space registered trademark trademark ™
Etiquetas Básicas (Estructura HTML) Etiquetas Atributos Valores Descripción. Formato de Presentación Etiquetas Atributos Valores Descripción
Etiquetas Básicas (Estructura HTML) Inicio y final del documento html text link alink vlink topmargin (IE) leftmargin (IE) marginheight margin
Más detallesListado de elementos o etiquetas HTML5
Listado de elementos o etiquetas HTML5 Etiqueta Función Define un comentario Define el tipo de docuemento Define
Más detallesETIQUETAS HTML 5 Diseño de Sitios Web TUW
Etiqueta Descripción Define un comentario nueva nueva nueva nueva
Más detallesProgramación de aplicaciones WEB
Programación de aplicaciones WEB Tecnologías del lado del del cliente 1 Tecnologías del lado del cliente Estructura HTML/XHTML Presentación Hojas de estilo (CSS) Comportamiento JavaScript 2 Introducción
Más detallesObjetivos. El alumno conocerá los elementos indispensables para crear una página web. 1. Crear una página web básica utilizando html.
Objetivos El alumno conocerá los elementos indispensables para crear una página web. Al final de esta práctica el alumno podrá: 1. Crear una página web básica utilizando html. Introducción El lenguaje
Más detallesHTML. HyperText Markup Language (Lenguaje de Marcas de Hipertexto)
HTML HyperText Markup Language (Lenguaje de Marcas de Hipertexto) Introducción Un lenguaje de marcas es una forma de codificar junto con el texto, incorporando etiquetas que contienen información adicional
Más detallesTaller de Paginas Web
Taller de Paginas Web Las páginas web son documentos de texto que se comparten en la red. La mecánica es la siguiente : Un ordenador de usuario, que llamarermos cliente, hace una petición a una direccion
Más detallesTema 3. Conceptos Básicos de HTML. ETSI ICAI! Departamento de Sistemas Informáticos! Rafael Palacios Hielscher! Cristina Puente Águeda!
Tema 3. Conceptos Básicos de HTML ETSI ICAI! Departamento de Sistemas Informáticos! Rafael Palacios Hielscher! Cristina Puente Águeda! Lenguajes de descripción! Grupo de lenguajes que describen cómo representar
Más detallesPara iniciarnos en el estudio de este curso necesitamos estar familiarizados con ciertos conceptos generales, entre ellos:
Conceptos básicos de la internet y la web Para iniciarnos en el estudio de este curso necesitamos estar familiarizados con ciertos conceptos generales, entre ellos: Internet: Red mundial de computadoras
Más detallesUNIDAD 4: NOCIONES BÁSICAS DE DISEÑO WEB (MAQUETACIÓN HTML) CURSO ELABORACIÓN DE CONTENIDOS FORMATIVOS Plan de Formación Edukanda
UNIDAD 4: NOCIONES BÁSICAS DE DISEÑO WEB (MAQUETACIÓN HTML) CURSO ELABORACIÓN DE CONTENIDOS FORMATIVOS Plan de Formación Edukanda 1 Índice 1. Introducción... 3 2. Objetivos... 4 3. El lenguaje HTML...
Más detallesActividad 3: Codificación básica de un texto en HTML
Actividad 3: Codificación básica de un texto en HTML Abrir un editor de texto, por ejemplo en nuestro caso notepad, después codificar los elementos básicos y guardar en una carpeta con la extensión.html
Más detallesManual básico de HTML
Manual básico de HTML 1 Índice 1Estructura básica...3 Atributos de la etiqueta BODY...3 2Formación de parráfos:...4 Cabeceras / Headings...4 Párrafos / Paragraph...4 Múltiples espacios...4 Salto línea...5
Más detallesUNIDAD 1 GENERALIDADES HTML
UNIDAD 1 GENERALIDADES HTML GENERALIDADES HTML5 Una página web es un archivo con texto en el que se insertan diferentes etiquetas HTML, para que ese contenido pueda ser interpretado por el navegador web.
Más detallesÍndice. HTML HyperText Markup Language. Conceptos básicos. Qué es HTML? Diseño de servicios Web HTML 1
Índice HTML HyperText Markup Language Conceptos básicos Historia y evolución de HTML XHTML vs. HTML HTML dinámico Hojas de estilo (CSS) DOM Diseño de servicios Web 2 DATSI Qué es HTML? Lenguaje de publicación
Más detallesBases del HTML CÓMO SE HACE LA WEB ENTENDIENDO LA ESTRUCTURA DE HTML. Sesión 3 10/09/14. Orígenes. Orígenes
10/09/14 CÓMO SE HACE LA WEB LO QUE VES Bases del HTML CÓMO ES CREADA Sitios pequeños utilizan solamente HTML y CSS. Sesión 3 Sitios más grandes usan CMS, herramientas de blog o comercio de e-commerce.
Más detallesNociones basicas de HTML
Nociones basicas de HTML Para comprender lo que veremos mas adelante es necesario tener conocimientos basicos de informatica e Internet en entorno Windows. Para hacer los ejercicios basta con un Navegador
Más detallesMATRIZ DE VALORACIÓN O RÚBRICA. Actividad de evaluación:
MATRIZ DE VALORACIÓN O RÚBRICA Siglema: DEWE-02 Nombre del Módulo: Nombre del Alumno: Docente evaluador: Grupo: Fecha: Resultado de Aprendizaje: 1.2 Elabora páginas web estáticas haciendo uso del lenguaje
Más detallesMANUAL DE REFERENCIA DE PROGRAMACIÓN HTML
MANUAL DE REFERENCIA DE PROGRAMACIÓN HTML HTML (HyperText Markup Language) es un lenguaje muy sencillo que permite describir hipertexto, es decir, texto presentado de forma estructurada y agradable, con
Más detallesLenguaje HTML y páginas web. Alex Sánchez
Lenguaje HTML y páginas web Alex Sánchez Introducción: La web y las páginas web Componentes de la web Como funciona la web? Como es la comunicación en la web El acceso a la Web suele basarse en un un explorador
Más detallesPráctica de HTML (Curso )
Práctica de HTML (Curso 2007-2008) Introducción HTML (Hypertext Markup Language) es un lenguaje estándar utilizado en Internet para representar la información intercambiada por sus usuarios en forma de
Más detallesHTML. El Lenguaje de Programación de Páginas Web. Iván Martínez Toro
HTML El Lenguaje de Programación de Páginas Web Iván Martínez Toro ÍNDICE DECONTENIDOS Introducción al HTML. Estructura general de una página: etiquetas HTML, HEAD y BODY. Dar título a la página con la
Más detallesGuia para el principiante
Guia para el principiante Este documento asume que usted sabe como publicar en WWW. Lenguaje HTML El lenguaje HTML es el usuado actualmente para escribir textos hypermediales en el Web. El siguiente texto,
Más detallesInformación general. Últimas noticias
Información general Últimas noticias 1 Registro de miembros Texto informativo { Registro nuevo usuario { 2 Registro de miembros 1) Acceder a secciones privadas de la página. 2) Acceso a contenido descargable
Más detallesPráctica 4: Edición de contenidos web
Comercio Electrónico Práctica 4: Edición de contenidos web Antonio Sanz ansanz@unizar.es Rafael del Hoyo rdelhoyo@ita.es Objetivo de la práctica En esta práctica se pretende realizar una introducción a
Más detallesMANUAL DEL LENGUAJE DE MARCADO HTML
MANUAL DEL LENGUAJE DE MARCADO HTML Redactado por Elkin Beltrán Índice Introducción Que es un Lenguaje de Marcado? Estructura Básica de un archivo HTML Etiquetas(TAGs) Básicas del lenguaje HTML Desventajas
Más detallesDiseño Web. Sitio Web Conjunto de páginas web relacionadas entre sí.
Internet Es una red de redes de ordenadores, que intercambian información basándose en el protocolo TCP/IP. Existen diversas formas de acceder a Internet: Correo electrónico, FTP, Videoconferencia, y la
Más detallesHTML. para E-mail. Guía de Buenas prácticas. Less ys More Ludwig Mies van der Rohe
HTML para E-mail Guía de Buenas prácticas Less ys More Ludwig Mies van der Rohe Ejemplo de un e-mail sin buenas prácticas Textos degradados Los textos están sobre un fondo degradado Newsletter Septiembre
Más detallesQué es HTML? Los diez pasos para crear una página web perfecta
Qué es HTML? HTML son las siglas de HyperText Markup Language (Lenguaje de Macado de Hipertexto), esto que significa?, pues bien hipertexto es una palabra o frase en especial que apunta hacia otra página.
Más detallesTEMA 9 CREACIÓN DE PÁGINAS WEB
TEMA 9 CREACIÓN DE PÁGINAS WEB OBJETIVOS Conocer las páginas web y sus elementos. Insertar tablas, capas, enlaces en las páginas web. Crear páginas web con NVU. Crear un sitio web. Configurar un sitio
Más detallesAbril 2005. Jordi Llonch jordi@laigu.net. Basado en los cursos de: http://www.webestilo.com/html/ http://www.webestilo.com/css/
Abril 2005 Jordi Llonch jordi@laigu.net Basado en los cursos de: http://www.webestilo.com/html/ http://www.webestilo.com/css/ http://creativecommons.org/licenses/by-sa/2.0/ 2 Conceptos básicos World Wide
Más detallesCONCEPTOS BÁSICOS PARA EL DISEÑO DE PAGINAS WEB
COLEGIO AGUSTINIANO CIUDAD SALITRE AREA DE TECNOLOGÍA E INFORMATICA GUIA DE APOYO PRIMER BIMESTRE GRADO UNDECIMO CONCEPTOS BÁSICOS PARA EL DISEÑO DE PAGINAS WEB UNIDAD TEMÁTICA: INICIANDO CON HTML Y DREAMWEAVER
Más detallesCurso XHTML/HTML/HTML5. Curso XHTML/HTML/HTML5
Curso XHTML/HTML/HTML5 Curso XHTML/HTML/HTML5 Página Web del curso Pagina del curso www.bbsoftpy.net/cursohtml2013 Repaso Clase Anterior Curso XHTML/HTML/HTML5-2013 Listas Curso XHTML/HTML/HTML5-2013 Listas
Más detallesEn primer lugar necesitamos indicar el tipo de documento que estamos creando. Esto en HTML5 es extremadamente sencillo:
1 Estructura global Los documentos HTML se encuentran estrictamente organizados. Cada parte del documento está diferenciada, declarada y determinada por etiquetas específicas. En esta parte del capítulo
Más detallesLa primera etiqueta que vamos a aprender es aquella por la que deben empezar todos los documentos que queramos sean considerados HTML; esta es:
TEMA P1. CURSO BÁSICO DE PROGRAMACIÓN EN LENGUAJE HTML HTML es un acrónimo de HiperText Markup Language que, traducido al español, quiere decir algo así como lenguaje de definición por marcas para hipertexto,
Más detallesESTRUCTURA DEL CÓDIGO HTML5
ESTRUCTURA DEL CÓDIGO HTML5 1. DocType Es la etiqueta que se escribe en la primera línea del código. Permite declarar el tipo de documento. Es decir, el doctype indica que el documento está escrito siguiendo
Más detallesApuntes básicos de HTML I.E.S. Pintor José María Fernández
Manual Básico de HTML Este manual lo he realizado con la intención de servir como primer contacto con el lenguaje HTML (Hyper Text Markup Language), que es el que se utiliza para la creación de páginas
Más detallesIntroducción a las aplicaciones WEB
Departamento de Sistemas Informáticos y Computación Universidad Complutense de Madrid 3 de mayo de 2010 Qué es Internet? I LAN: Local Area Network, red de ámbito local. Qué es Internet? II Qué es Internet?
Más detallesHTML HyperText Markup Language. Fernando Pérez Costoya fperez@fi.upm.es
HTML HyperText Markup Language Fernando Pérez Costoya fperez@fi.upm.es Índice Definición Historia y evolución de HTML El fiasco de XHTML HTML 5: la resurrección Un tour por HTML Diseño de aplicaciones
Más detallesArquitectura de Tecnologías Web Por César Bustamante Gutiérrez. Módulo II: Tecnologias del lado del Cliente Tema 1: HTML5. www.librosdigitales.
1 Que es CSS3? El CSS sirve para definir la estética de un sitio web en un documento externo y eso mismo permite que modificando ese documento (la hoja CSS) podamos cambiar la estética entera de un sitio
Más detallesCreación de Páginas WEB con HTML
Universidad de Cantabria Creación de Páginas WEB con HTML Febrero-2006 Ricardo Sáez Marta Zorrilla Creacion paginas Web con HTML 1 Introducción El servicio WEB utiliza para la transferencia de información
Más detallesMANUAL PRACTICO DE HTML
MANUAL PRACTICO DE HTML 1 La estructura tiene tres partes cabeza, cuerpo, cierre o fin. MI PC... Aquí iría el contenido que ve el usuario final
Más detallesIntroduccion a HTML y Formularios. Gerardo Grinman 5D
Introduccion a HTML y Formularios Gerardo Grinman 5D COMO FUNCIONA LA WEB 1. Cuando se conecta a la web, lo hace a través de un proveedor de servicios de Internet (ISP). Se escribe el nombre de dominio
Más detallesUnidad II: Lenguaje de marcado
Unidad II: Lenguaje de marcado 2.1 Introducción Un lenguaje de marcado o lenguaje de marcas es una forma de codificar un documento que, junto con el texto, incorpora etiquetas o marcas que contienen información
Más detalles1. NIVEL BÁSICO-CURSO NVU
CURSO MULTIMEDIA DE CREACIÓN DE PÁGINAS WEB - Este curso esta desarrollado de forma que a Vd. le sea sencillo, rápido y cómodo su aprendizaje. El curso está dividido en dos niveles: Básico e Intermedio.
Más detallesHTML. guía rápida de referencia. Autor: Jorge Sánchez (www.jorgesanchez.net) año 2003
HTML guía rápida de referencia Autor: Jorge Sánchez (www.jorgesanchez.net) año 2003 Basado en la normativa sobre HTML4 disponible en: http://www.w3.org/tr/html4/ Jorge Sánchez 2003 índice introducción...
Más detallesEstas líneas son permanentes en una página Web. Siempre van a estar presentes no importando qué tan corta o tan larga sea la página y el contenido.
Estructura de una página Web Toda página Web tiene una estructura que permite al programador saber de antemano qué tipo de información necesita introducir. Esto ayuda a que la página que diseña sea claramente
Más detallesIntroducción: páginas web y navegadores
IB14 Informática Aplicada a la Construcción Creación de páginas web con HTML Introducción: páginas web y navegadores Una página web, pese a la gran cantidad de colores, imágenes e información que puede
Más detallesCursito 27: Curso de HTML Parte 3
Por Roxana Bassi rox@roxanabassi.com.ar / http://www.roxanabassi.com.ar Publicado en la sección los cuadernos de Internet World en la revista Internet World Latinoamérica en el período 1995-1999 Cursito
Más detalles1.264 Tema 12. HTML Introducción a FrontPage
1.264 Tema 12 HTML Introducción a FrontPage HTML Subconjunto de lenguaje de marcado generalizado estándar (SGML), lenguaje descri ptivo de documentos. SGML está certificado con la norma ISO. La versión
Más detallesGuía para creación de temas para editor de EditandSend
Guía para creación de temas para editor de EditandSend En este documento se describen las acciones que debe realizar el diseñador/maquetador para personalizar un tema y poder ser utilizado en el EDIT.
Más detalles(Recopilado de: http://www.zonagratuita.com/a-cursos/internet/paginaswap.htm)
COMO HACER PÁGINAS WAP (Recopilado de: http://www.zonagratuita.com/a-cursos/internet/paginaswap.htm) La creación de una pagina WAP se puede hacer en cualquier editor de texto, si bien, hay editores y herramientas
Más detallesInstituto Politécnico Nacional
Instituto Politécnico Nacional Escuela Superior de Ingeniería Mecánica y Eléctrica Ingeniería en Comunicaciones y Electrónica Desarrollo de Aplicaciones Web para los Sistemas de Selección de Tópicos y
Más detallesGuía (muy) básica de hojas de estilo (CSS) y de marcado semántico de páginas web (v1.)
Guía (muy) básica de hojas de estilo (CSS) y de marcado semántico de páginas web (v1.) 1. Hojas de estilo: una base para el marcado semántico Lluís Codina UPF. Abril 2007 Una hoja de estilo es un conjunto
Más detallesELABORADO POR: BRENDA PATRICIA GONZALEZ MANRIQUEZ
CECYTEM PLANTEL NICOLAS ROMERO II Manual para crear páginas web en HTML GRUPO: 301 ELABORADO POR: BRENDA PATRICIA GONZALEZ MANRIQUEZ HTML (HyperText Markup Language - Lenguaje de Marca de Hipertextos)
Más detallesHTML & CSS HTML. PARTE 3. Profesora: Ana Gómiz Escuela Arte Granada Obtubre 2014
05 HTML & CSS HTML. PARTE 3 Profesora: Ana Gómiz Escuela Arte Granada Obtubre 2014 01. Imágenes + Añadir imágenes. + Elegir el formato correcto. + Optimizar imágenes para web. Profesora: Ana Gómiz Escuela
Más detallesHTML/CSS( Mi(primera(página(
HTML/CSS Miprimerapágina QuéesHTML Esunlenguajedemarcasparaformateary estructurarundocumento,quepuedeleerseen cualquiernavegador. EstandarizadoenlanormaISOdeSGML StandardGeneralizedMarkupLenguage).
Más detalles4º Unidad Didáctica. Lenguaje HTML. Eduard Lara
4º Unidad Didáctica Lenguaje HTML Eduard Lara 1 ÍNDICE 4.1 Lenguaje HTML 4.2 Etiquetas HTML 4.3 Estructura del documento HTML 4.4 Texto en HTML en HTML 4.5 Hiperenlaces en HTML 4.6 Imágenes en HTML 4.7
Más detallesGuía para crear, editar y eliminar páginas. WordPress Grupo Mutual
Guía para crear, editar y eliminar páginas WordPress Grupo Mutual Crear una nueva Página (1) 1. Ingresar a WordPress y acceder al panel de "Páginas": Crear una nueva Página (2) 2. Seleccionar uno de los
Más detallesDesarrollo y servicios web
Desarrollo y servicios web Luisa Fernanda Rincón Pérez 2015-1 Qué vimos la clase pasada? 1.Presentación general 2. Presentación del curso 3. Conceptos introductorios e ingeniería web 4. Arquitectura web
Más detallesPHP y MySQL. Aplicaciones Web: HTML II (tercera parte) Autor: Johnny Zulca Mamani
PHP y MySQL. Aplicaciones Web: HTML II (tercera parte) Autor: Johnny Zulca Mamani 1 Presentación del curso Programación de aplicaciones Web con PHP y MySQL. Ahora continuaremos con el estudio de las páginas
Más detallesProfesor: Vicente Destruels Moreno. Teoría: Tipos de letra (Color de texto)
Teoría: Tipos de letra (Color de texto) Tipos de letra En este apartado se indica cómo definir cabeceras mediante el elemento , y cómo modificar el tamaño y color de algún grupo de caracteres mediante
Más detallesOptimización del uso de internet en la gestión cultural
NUEVAS TECNOLOGÍAS APLICADAS A LA GESTIÓN CULTURAL Optimización del uso de internet en la gestión cultural Javier Leiva Aguilera www.javierleiva.info Madrid, 12-14 de noviembre de 2007 Fundamentos de diseño
Más detallesFundamentos de HTML. Contenidos. Programación en Internet Curso Introducción HTML Etiquetas Guía de estilo
Departamento de Lenguajes y Sistemas Informáticos Fundamentos de HTML Programación en Internet Curso 2006-2007 Introducción HTML Etiquetas Guía de estilo Contenidos DLSI - Universidad de Alicante 1 Introducción
Más detallesDISEÑO DE PAGINAS CON HTML
DISEÑO DE PAGINAS CON HTML CONCEPTOS HTML (Hyper Text Markup Language) Lenguaje con el que se escriben paginas web. Es un lenguaje de hipertexto. Permite escribir texto de forma estructurada. Compuesto
Más detallesUNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION
CICLO 01-2014 UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION GUIA DE LABORATORIO Nº 2 Nombre de la practica: Introducción a las hojas de estilo Lugar de ejecución: Laboratorio
Más detallesPreparando las imágenes para la maquetación con GIMP
Preparando las imágenes para la maquetación con GIMP Cuando maquetamos una página web la idea principal es hacerla lo más parecida al diseño original, y que además todas las imágenes y demás archivos utilizados
Más detallesQUÉ ES UNA HOJA DE ESTILOS? Una hoja de estilo en cascada (CSS) es un conjunto de reglas en las que definimos el formato que va a tomar un
QUÉ ES UNA HOJA DE ESTILOS? Una hoja de estilo en cascada (CSS) es un conjunto de reglas en las que definimos el formato que va a tomar un determinado elemento de una página web. Siglas CCS significa "Cascading
Más detallesPLAN DE SESIÓN. 1.1 Determina la estructura del sitio web con base en las necesidades del usuario
DATOS GENERALES: Nombre del Módulo: Diseño y elaboración de páginas web Sesión No. 1 Duración 2 horas 1.1 Determina la estructura del sitio web con base en las necesidades del usuario Estructura y compara
Más detallesMETODOLOGÍA DE DESARROLLO DE CONTENIDOS WEB ACCESIBLES ÍNDICE DE CONTENIDO
ÍNDICE DE CONTENIDO Metodología de desarrollo de contenidos web accesibles...1 Estándares de accesibilidad de la UE...2 Desglose por roles...2 Creación de contenidos...2 Diseño...3 Programación...4 Anexo
Más detallesGUÍA DE APRENDIZAJE COMPUTACIÓN BÁSICA II COMPETENCIA GENERAL
GUÍA DE APRENDIZAJE COMPUTACIÓN BÁSICA II COMPETENCIA GENERAL Maneja herramientas informáticas vigentes que le permiten administrar y difundir información diversa en un contexto social, académico y laboral
Más detallesCURSO BÁSICO DE HTML
UNIVERSIDAD AUTÓNOMA DE BAJA CALIFORNIA DEPARTAMENTO DE INFORMACIÓN ACADÉMICA CURSO BÁSICO DE HTML Delia Esquer Meléndez desquer@uabc.mx INDICE INTRODUCCION 3 COMO CREAR UN DOCUMENTO HTML 4 ETIQUETAS PARA
Más detallesIntroducción antes de comenzar
Introducción antes de comenzar RECUERDA que este pequeño curso tiene la intención de acercarte sólo un poco a cómo se programa con lenguaje HTML. Estas páginas han sido diseñadas siguiendo estos comandos,
Más detalles<HTML><BODY>Hola mundo!</body></html>
Hola mundo! Introducción El HTML, acrónimo para HyperText Markup Language es un lenguaje interpretado, esto quiere decir que se puede ver fácilmente el código detrás del lenguaje
Más detallesINTRODUCCIÓN AL LENGUAJE HTML... 2 Características del lenguaje HTML... 2 Sintaxis del HTML... 2 Partes de un documento HTML... 2 FORMATO EN HTML...
INTRODUCCIÓN AL LENGUAJE HTML... 2 Características del lenguaje HTML... 2 Sintaxis del HTML... 2 Partes de un documento HTML... 2 FORMATO EN HTML... 2 Formato de párrafo... 2 Encabezados... 3 Formateando
Más detalles1. Introducción a HTML
Introducción a HTML 1. Introducción a HTML 1. Introducción a HTML Qué es HTML? El HTML (Hyper Text Markup Language) es un lenguaje que sirve para escribir hipertexto, es decir, documentos de texto estructurado,
Más detallesCurso básico de creación de páginas web
Curso básico de creación de páginas web Programa de formación docente UAM 2005-2006 Miguel Sevilla Callejo Abril 2006 Departamento de Geografía Universidad Autónoma de Madrid Objetivos Desarrollar las
Más detallesINTRODUCCIÓN A XHTML JAVIER EGUILUZ LIBROSWEB
INTRODUCCIÓN A XHTML JAVIER EGUILUZ LIBROSWEB Introducción a XHTML Javier Eguiluz Fecha publicación: 14/03/2013 Este libro fue publicado con la aplicación easybook (http://easybook-project.org), una herramienta
Más detallesDiseño WEB. Nivel: 5º semestre Horas semanales: 3 horas Código: 130082 Créditos: 2 créditos
Nivel: 5º semestre Horas semanales: 3 horas Código: 130082 Créditos: 2 créditos Herramientas de DISEÑO: Recursos Gráficos Software de Diseño Lenguaje de Programación Contenido curso practico; LENGUAJE
Más detallesUNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION
CICLO 01-2014 UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION GUIA DE LABORATORIO Nº 2 Nombre de la practica: Fundamentos del Lenguaje HTML Lugar de ejecución: Laboratorio
Más detallesIntroducción HTML y CSS. Clientes, servidores, nube
Clientes, servidores, nube a. Los clientes dan acceso a los servicios en Internet. b. Los servidores alojan la información y los servicios. c. La nube es el conjunto de terminales y servidores. TCP/IP
Más detallesHTML. HTML (HyperText Markup Language) Creado en 1989 por el físico nuclear TIM BERNERS- LEE
HTML HTML (HyperText Markup Language) Creado en 1989 por el físico nuclear TIM BERNERS- LEE Se elaboró un protocolo para soportar e envío de información por la red. HTTP (Hyper Text Transfer Protocol)
Más detallesCREACION DE PÁGINAS WEB
PRESENTA: CREACION DE PÁGINAS WEB OBJETIVO Conocer la aplicación de los paquetes mas utilizados para la implementación t diseño de una pagina Web. DIRIGIDO A: Estudiantes de informática, Ofimática y Personas
Más detallesTablas en HTML. Tipos de celdas. Ing. Tomás Urbina Programación Web y Desarrollo de la Plataforma Web
Tablas en HTML Ing. Tomás Urbina Programación Web y Desarrollo de la Plataforma Web Una tabla HTML puede ser considerada de manera simple como un grupo de filas donde cada una de ellas contiene un grupo
Más detallesCurso de HTML 4.0. 1. Introducción al curso. Requisitos. Agradecimientos
Curso de HTML 4.0 1. Introducción al curso Este curso ha nacido con la intención de complementar a aquellos interesados en crear y diseñar páginas en Internet. Así podrás comprender mejor de donde surge
Más detallesMANUAL TECNICO DE EMAILING BIZBOX
MANUAL TECNICO DE EMAILING BIZBOX 1.- Verificar Registro SPF El dominio desde el que envía su coreo no puede ser cualquier dominio, debe ser un dominio aprobado y verificado para enviar correos, estos
Más detallesWenceslao Zavala. www.producciondigitalup.com.ar
Wenceslao Zavala www.producciondigitalup.com.ar www.producciondigitalup.com.ar Transferencia de Archivos vía FTP Para esto se necesita: Dirección FTP: producciondigitalup.com.ar Usuario: produccionup Contraseña:
Más detallesINSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO IBEROTEC SEMESTRE ACADÉMICO: 2014-II SÍLABO. Informáticas
INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO IBEROTEC SEMESTRE ACADÉMICO: 2014-II 1. DATOS GENERALES SÍLABO CARRERA PROFESIONAL : Telemática / Sistemas de Telecomunicaciones UNIDAD DIDÁCTICA : Introducción
Más detallesFeliz cumpleaños. Introducción HTML & CSS
HTML & CSS 1 Feliz cumpleaños All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register your club.
Más detallesGuía para el armado de un HTML
Guía para el armado de un HTML Maquetear una pieza con estándares de usabilidad Utilizar un formato de html clásico: Diseñar con CSS Inline que es un método para insertar el lenguaje de estilo de página
Más detalleswww.librosweb.es Introducción a XHTML Javier Eguíluz Pérez
Introducción a XHTML Javier Eguíluz Pérez Sobre este libro... Los contenidos de este libro están bajo una licencia Creative Commons Reconocimiento - No Comercial - Sin Obra Derivada 3.0 (http://creativecommons.org/licenses/by-nc-nd/3.0/deed.es)
Más detallesPáginas Web. Navegadores. Creación de Htmls.
Colegio Bosque Del Plata Tecnología de la Información y las Comunicaciones UNIDAD 1 Páginas Web E-mail: garcia.fernando.j@gmail.com Profesor: Fernando J. Garcia Ingeniero en Sistemas de Información Unidad
Más detalleswww.librosweb.es Introducción a XHTML Javier Eguíluz Pérez
Introducción a XHTML Javier Eguíluz Pérez Sobre este libro... Los contenidos de este libro están bajo una licencia Creative Commons Reconocimiento No Comercial - Sin Obra Derivada 3.0 (http://creativecommons.org/licenses/by-nc-nd/
Más detallesCreación de Documentos Educativos Electrónicos Accesibles. Sergio Luján Mora sergio.lujan@ua.es @sergiolujanmora
Creación de Documentos Educativos Electrónicos Accesibles Sergio Luján Mora sergio.lujan@ua.es @sergiolujanmora Lineamientos para la creación de documentos educativos electrónicos accesibles El
Más detallesCurso de Diseño web. Juan Carlos Hernández Pérez juancarhdezperez@gmail.com
Curso de Diseño web Juan Carlos Hernández Pérez juancarhdezperez@gmail.com 1 Tema 1 Introducción al lenguaje HTML 2 Introducción a HTML (I/II) HTML es un lenguaje para publicar textos en Web HTML te permite
Más detallesEtiquetas que no pueden contener otras etiquetas (se cierran sobre si mismas) <etiqueta />
Referencia HTML Etiquetas Arte e Internet - Magister Artes Mediales - Universidad de Chile Todas los nombre de etiquetas y atributos deben escribirse en minusculas, los valores de los atributos deben escribirse
Más detallesCarrera de Desarrollo Web en PHP
Carrera de Desarrollo Web en PHP Volcando su vasta experiencia en capacitación tecnológica, el Club de Programadores desarrolló íntegramente una carrera destinada a satisfacer la creciente demanda laboral
Más detallesHTML HTML HTML. Diseño de Sitios Web. Qué es HTML?
Diseño de Sitios Web 5 (I) Qué es? Es un lenguaje descriptivo con el cual se describe la estructura del texto y todos los elementos que se muestran en la página. Es el método más usado para publicar documentos
Más detallesPara declarar un formulario se utiliza la etiqueta FORM que consta básicamente de dos atributos: <FORM ACTION ="programa" METHOD ="método">
FORMULARIOS Los formularios son por excelencia los elementos utilizados para recolectar información de los usuarios que luego es enviada al servidor para ser procesada. Están constituidos por un conjunto
Más detallesCSS. Departamento de Lenguajes y Computación Universidad de Almería CSS. Contenidos
Desarrollo de aplicaciones web Manuel Torres Gil mtorres@ual.es Departamento de Lenguajes y Computación Universidad de Almería Desarrollo de aplicaciones web 1. Características y ventajas de 2. Sintaxis
Más detallesCurso de Diseño de Páginas Web - HTML. Dando forma al texto del documento HTML 6. Alineación y dimensionado de imágenes 19
Curso de Diseño de Páginas Web - HTML 1. Estructura básica de un documento HTML 5 Dando forma al texto del documento HTML 6 Caracteres especiales 11 Enlaces 13 Imágenes 16 Alineación y dimensionado de
Más detalles