Manual básico de HTML
|
|
|
- Andrea Alarcón Quintero
- hace 7 años
- Vistas:
Transcripción
1 Manual básico de HTML 1
2 Í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 Regla horizontal...5 3Símbolos especiales...6 4Listas...7 Listas sin orden...7 Listas con orden...7 Listas de definición...8 5Alineamiento...9 6Referencias/ Links...10 Tipos Absolutas o relativas?...10 Protocolos...11 Un link en la misma página Imagenes...12 Imagenes soportadas...12 Ejercicios Texto...14 Tamaño...14 Negrita y strong...14 Italica...14 Subrayado...14 Color...14 Preformateado...14 Énfasis...14 Teletipo...14 Cita...14 Tachado...15 Grande/Pequeño...15 SuperTexto...15 SubTexto...15 Dirección Tablas...16 Atributos de la TABLA...16 Título de la tabla (Caption)...17 Ejercicios FRAMES Formularios Validar código HTML Ejercicios
3 1 Estructura básica <HTML> <HEAD> <TITLE> Mi primera página </TITLE> </HEAD> <BODY BGCOLOR="#FF0000"> Un poco de texto </BODY> </HTML> Atributos de la etiqueta BODY 1. BGCOLOR define el color del fondo de la página 2. TEXT define el color del texto 3. LINK define el color de los links/referencias 4. VLINK define el color de los links visitados, una vez que han sido pulsados. 5. ALINK define el color cuando el cursor está sobre el link. 6. BACKGROUND define una imagen de fondo. = logo.gif 3
4 2 Formación de parráfos: Cabeceras / Headings <Hi> </Hi> <BODY> <H1> Heading 1 </H1> <H2> Heading 2 </H2> <H3> Heading 3 </H3> <H4> Heading 4 </H4> <H5> Heading 5 </H5> <H6> Heading 6 </H6> </BODY> Párrafos / Paragraph <P></P> <BODY> <H1> Heading 1 </H1> <P> Paragraph 1,... </P> <H2> Heading 2 </H2> <P> Paragraph 2,... </P> <H3> Heading 3 </H3> <P> Paragraph 3,... </P> <H4> Heading 4 </H4> <P> Paragraph 4,... </P> <H5> Heading 5 </H5> <P> Paragraph 5,... </P> <H6> Heading 6 </H6> <P> Paragraph 6,... </P> </BODY> Múltiples espacios <BODY> <P> Paragraph1 3Espacios</P> </BODY> 4
5 Salto línea <br><br/> <BODY> <H1> Heading 1 </H1> <P> Paragraph 1,... </P> Line 2 <BR> Line 3 <BR> </BODY> Regla horizontal <HR> <BODY> <H1> Heading 1 </H1> <P> Paragraph 1,... </P> Line 2 <BR> <HR> Line 3 <BR> </BODY> Atributos: 1. SIZE, el grosor de la linea, por defecto 2pixeles. 2. WIDTH, la longitud en % del ancho de la venta, por defecto 100%, <HR Width= 45% > 3. NOSHADE, dibuja una sombra debajo de la línea proporcionando un aspecto de 3D. 4. ALIGN, alinea la linea según el valor: left, center, right. 5. COLOR, atributo de color 5
6 3 Símbolos especiales 6
7 4 Listas Los elementos de las listas son items, cada item se representa <IL> </IL> Listas sin orden UL <UL> <LI> List item... </LI> <LI> List item... </LI> <LI> List item... </LI> </UL> Atributo Type, modifica la forma del punto: Disc (por defecto), circle (circulo), square (Cuadrado) <UL TYPE= SQUARE > </UL> Listas con orden <OL> <OL> <LI> List item... </LI> <LI> List item... </LI> <LI> List item... </LI> </OL> Atributos Type cambia el tipo de numeración. 7
8 Start, fija la númeración del primer elemento de la lista Listas de definición <DL>, donde <DT> define el término y <DD> define la descripción <DL> <DT> HTML </DT> <DD> Hyper Text Markup Language </DD> </DL> 8
9 5 Alineamiento 1. <div align= value > </div> Permite clasificar contenido! (con salto de línea) 2. <span> </span> Permite clasificar contenido! (sin salto de línea) <ul> <li> Pepe <span class= telefono > </span> </li> <li> Juan <span class= telefono > </span> </li> </ul> 3. <center> </center> 9
10 6 Referencias/ Links Se pueden ubicar en cualquier objeto: texto o imagen de una página <A HREF= URL > </A>, URL (Uniform resource locators) es la dirección a referenciar. Se puede refenciar elementos ubicados dentro del propio sistema o en otros lugares Tipos Absolutas o relativas? Absolutas Ejemplo: href= Relativas Ejemplo: href= images/hello.gif En el mismo nivel Por encima Por debajo 10
11 Protocolos URLs, es la manera estandar de referenciar un servicio, un nombre de dominio, un puerto y una ruta de directorios: Servicio :// NombreDominio : puerto / ruta directorio Ej. HTTP, HyperText Transport Protocol Ej. FTP, File Transfer Protocolo Ej. ftp://ftp.1stvirtual.com/prizes/brbr.wav NEWS, Grupos de noticias Ej. news:alt.internet.services , Referencia de un link, Cuidado con el spam! Ej. mailto:webmaster@hola.com TELNET, Remote Terminal Emulation Eh. telnet://media.mit.edu Ejemplo: Un link en la misma página Son links que permite situar la vista del navegador sobre un contenido especifico dentro de la misma página. Primer paso: definir el destino, con el atributo id. Se puede ubicar en <div> <span> <hx>,... por ejemplo: <h1 id= Noticias > Noticias </h1> Segundo paso: linkar el destino por ejemplo: <a href= #Noticias > Subir a noticias </a> Ejercicios 1. Crearemos una serie de carpetas Dibujar una lista de términos A, B, C, D, E... Z, como la de la siguiente figura: 11
12 12
13 7 Imagenes Imagenes soportadas GIF, Grapic Interchange Format, usa un máximo de 256 colores. Propiedades: Interlaniado: permite que la imagen se vaya cargando poco a poco por el navegador. Transparencias GIFs animados! JPG, JPEG: Joint Photographic Expert Group, la mejor para imagenes de calidad pues contiene miles de colores. PNG: Portable Network Graphics BMP: MS Windows Bitmap TIFF: Tagged Image File Format Insertando imagen: <IMG> </IMG>, define una imagen sobre la página. Atributos: SRC, la ubicación de la imagen ALT, alternativa al texto, es una etiqueta que define la imagen. Se muestra cuando se pasa el cursor por encima o cuando el navegador no visualiza las imagenes. Align, permite alinear la imagen: Bottom, abajo Middle, en medio Top, arriba Left, izquierda Right, derecha TexTop, sobre testo ABSMiddle, en medio según el monitor Baseline, no molesta al texto ABSBottom, abajo según el monitor Width, el ancho de la imagen en pixeles Height, la altura de la imagen en pixeles Border, dibuja una linea alrededor de la imagen 13
14 Ejercicios 1. Poner una imagen como fondo de la página 2. Alinear la imagen encima, en medio y abajo dentro de un texto 3. Poner una imagen al 25%, al 50% 100% y al 200% de su tamaño original. 4. Poner un link a una imagen 14
15 8 Texto Tamaño <Font size= +3 > </Font> Fija la fuente a un tamaño 3 veces más grande de lo normal. Va desde 1 a 7 y puede usarse + o -. Por defecto, el tamaño del texto es 3. Negrita y strong <B> Negrrita </B> <Strong> Negrita </Strong> Italica <I> Italica </i> Subrayado <u> subrayado </u> Color <Font color= #RRGGBB > texto </FONT> Preformateado Usa fuente mono-espaciadas, parecidas a las máquinas de escribir. Suele usarse para mostrar código de programas o texto suelto. Tal como se escribe se muestra asi: (con espacios, tabulaciones, saltos de línea,...) <PRE> preformatted</pre> Énfasis <EM> Enfasis </EM> Teletipo <TT> Teletipo </TT> Cita Citas a libros: <Cite> El Quijote </Cite> Citás pequeñas: <q> Ser o no ser </q> Citas más grandes 15
16 <Blockquote> </Blockquote> Tachado <Strike> HOLA </Strike> Grande/Pequeño <BIG> Grande </BIG> <SMALL> Pequeño </SMALL> SuperTexto <SUB> x² </SUB> SubTexto <SUP> log 10</SUP> Dirección <Address> </Address> 16
17 9 Tablas Para definir la tabla: <Table> </Table> Cada tabla tiene Filas: TR table row/fila y cada fila tiene columnas TH Columna principal (no es necesario) TD Columna de datos Orden de definición: TABLA FILAS COLUMAS Una celda puede contener otra tabla! Atributos de la TABLA <Table> BGColor, color del fondo Width se puede especificar el ancho como un número absoluto de pixeles o un porcentaje. Border: Dibuja una linea alrededor de la tabla.. Valor 0, hace desaparecer el borde. Algunos navegadores no soportan dibujar bordes sobre celdas vacias ( ) Cellsspacing, espacio entre celdas, es representado en pixeles. Cellpadding, espacio entre los bordes y el contenido de una celda, especificado en pixeles. Align: center, lefth, right. No esta muy bien soportado mejor <DIV> o <CENTER> Background, imagen de fondo 17
18 BorderColor, el color del borde BorderColorLight,el color más claro del borde (sombreado, 3D) BorderColorDark, el color más oscuro del borde (sombreado, 3D) Título de la tabla (Caption) Atributos de las celdas (TD y TH) Colspan, especifica cuantas columnas se abarcaran (fusionar columnas) Rowspan, especifica cuantas filas se abarcaran (fusionar filas) Align, el contenido de la celda se alinea: left, center, right Valign, alinea verticalmente: top (arriba), middle (medio), bottom(abajo) Background, imagen de fondo Bgcolor, color de fondo width, el ancho de la celda, en pixeles o usando un porcentaje. heigh, el alto de la celda, en pixeles o usando un porcentaje.t 18
19 Ejercicios 1. Haz las siguientes tablas en html: Una tabla sin bordes Red Blue Green Rojo Azul Verde Vermell Blau Verd Cabeceras verticales como horizontales Nombre Telefono Direccón Pepe Mi casa Juan Su casa Nombre Pepe Juan Telefono Dirección Mi Casa Su casa Celdas vacias Lista de compras Cantidad Precio Producto Producto2 1 Tablas con caption! Añade el siguiente título a la tabla anterior: Factural oficial Tablas que abarcan más de una columna Nombre Telefonos Juan Nombre Juan Telefonos
20 Alinear el contenido de una celda Producto Cantidad Precio Naranjas Cebollas 4 80 Pasta 1 10 Suma 190 Tabla con elementos Esto es un párrafo Esto es otro párrafo Una lista: Manzanas Mandarinas Naranajas Estoy en negrita Estoy en cursiva y centrado CellPading, espacio entre los bordes y el contenido Primero Tercero Segundo Cuarto CellSpacing, distancia entre las celdas (la misma que lo anterior... pero ahora con las celdas) Poner una imagen a la tabla Poner una imagen a la celda Una tabla con otra tabla en su interior Cuestión Porcentajes Listas Primera 50% 30% 5% 5% Si No Ns/Nc Segunda Por definir 1. Si 2. No 3. Ns/Nc 2. Haz un prototipo de tu diseño y conviertelo en una tabla!!! 20
21 10 FRAMES No gracías! Qué son? 21
22 11 Formularios Trabajo futuro 22
23 12 Validar código HTML Para comprobar si nuestra página web cumple con el estandar (se abren y se cierran todos los elementos, están bien estructurados,...): 23
24 13 Proyecto Trabajo futuro 24
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
Objetivos. 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
HTML 2 / Atributos/etiquetas(Tags)
HTML 2 / Atributos/etiquetas(Tags) ATRIBUTOS bgcolor=#ff0000 Asigna un color en hexadecimal o en RGB a el fondo de todo el body ( la página) FGCOLOR="#00FF00" Asigna un color en hexadecimal
Apuntes 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
HTML. 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...
Actividad 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
Diseñ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
MANUAL 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
TEMA 2. CREAR SITIOS WEB USANDO. Tecnologías de la Información 1ºBachillerato IES Zurbarán (Badajoz)
TEMA 2. CREAR SITIOS WEB USANDO CÓDIGO HTML Tecnologías de la Información 1ºBachillerato IES Zurbarán (Badajoz) Sesión 10 Tablas Introducción Las tablas son posiblemente la manera más clara de organizar
CONCEPTOS 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
Nociones 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
Profesor: Víctor Cárdenas Schweiger
Profesor: Víctor Cárdenas Schweiger 2014 En primer lugar se debe especificar que el archivo de texto que se esta escribiendo es un documento HTML, para ello usamos las instrucciones de inicio y fin de
Para 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
MATRIZ 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
Tema 5: La red de redes: Internet
Tema 5: La red de redes: Internet > Qué es Internet? Todo el mundo habla de Internet: se hace referencia en clase, en revistas de moda, entre amigos... Acceder a una página web, hablar con los amigos a
ETIQUETAS HTML 5 Diseño de Sitios Web TUW
Etiqueta Descripción Define un comentario nueva nueva nueva nueva
Bases 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.
1. 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,
Lenguaje 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
ELABORADO 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)
EDICIÓN WEB CÓDIGO HTML
EDICIÓN WEB CÓDIGO HTML 1. Estructura básica de un documento HTML 1.1. Tipos de etiquetas. Etiqueta cerrada Mi página Web Etiqueta abierta Etiqueta con parámetros
PHP 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
7.1 Estructura Básica de jas Tablas
Las tablas permiten representar los elementos de una página en filas y columnas separadas entre si. Es una herramienta muy útil para ordenar contenidos de distintas partes de nuestra página. Las tablas
H T M L. Marquesinas y Listas U.A.C.M COMPUTACIÓN II. Prácticas
Prácticas H T M L U.A.C.M COMPUTACIÓN II Marquesinas y Listas Práctica VII HTML Básico El objetivo es trabajar con dos elementos que nos darán un mejor aspecto a la información que se visualice en nuestra
Introducció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
UNIDAD I HOJA ELECTRÓNICA DE CÁLCULO
UNIDAD I HOJA ELECTRÓNICA DE CÁLCULO COMPETENCIA PARTICULAR: Utiliza herramientas de la hoja electrónica de cálculo para el procesamiento de la información en su ámbito académico, social y laboral. PRACTICA
Curso 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
Preparando 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
UNIDAD 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...
Abril 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
HTML y XHTML. Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2013/2014
HTML y XHTML Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2013/2014 Etiquetas Contenido de una página web: Contenido (información). Instrucciones de estructura
HTML. 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
Taller 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
DISEÑ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
Tema 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
Guia 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,
La etiqueta TABLE. Hay que cerrarla con </TABLE>
La etiqueta TABLE La etiqueta sirve para crear tablas. Tiene diversos parámetros: Border: indica el borde de la tabla. Si se omite, el valor por defecto es 0. Cellpadding: varía el espacio que
COLEGIO PABLO DE TARSO IED CONSTRUCCION DE PROYECTOS DE VIDA PRODUCTIVOS HTML - PRÁCTICAS DOC RAUL MONROY PAMPLONA
Introducción al curso de HTML COLEGIO PABLO DE TARSO IED Desarrolla comprensión al conocer, interpretar, socializar y argumentar diferentes temáticas relacionadas con la tecnología informática de punto
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...
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
HTML. 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)
Algunos de los botones ofrecen las funcionalidades básicas para el trabajo con ficheros propias de cualquier programa editor.
Curso de creación de documentos Web Servicio de Comunicaciones Uso del Netscape Composer para la creación de documentos HTML 1.- Creación de un documento. El Netscape Communicator incluye un programa,
Prá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
ESTRUCTURA 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
Estas 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
Guí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
Qué es HTML? Páginas WEB. Etiquetas
Guía de Html 2015 QUÉ ES HTML PÁGINAS WEB ETIQUETAS ESTRUCTURA BÁSICA DE UNA PÁGINA WEB CÓMO SE UTILIZAN LOS COLORES EN HTML? TEXTO EN HTML ENCABEZADOS UBICACIÓN, FORMATO Y ATRIBUTOS DE TEXTO TABLAS NUMERACIÓN
COLEGIO AGUSTINIANO CIUDAD SALITRE AREA DE TECNOLOGÍA E INFORMATICA GUIA DE APOYO SEGUNDO BIMESTRE 2015 GRADO UNDECIMO
COLEGIO AGUSTINIANO CIUDAD SALITRE AREA DE TECNOLOGÍA E INFORMATICA GUIA DE APOYO SEGUNDO BIMESTRE 2015 GRADO UNDECIMO CONCEPTOS BÁSICOS PARA EL DISEÑO DE PAGINAS WEB UNIDAD TEMÁTICA: INICIANDO CON HTML
Programació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
HTML. 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
4º 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
PINs codificados. Tecnología de la Información. HTML. Escribir en el Bloc de Notas lo siguiente:
Escribir en el Bloc de Notas lo siguiente: Guardar este archivo como plantilla.htm. Este archivo tiene las etiquetas básicas de todo documento
Cursito 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
HTML. 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
MANUAL 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
Universidad Politécnica de El Salvador Computación Básica. HTML Guía 1. Requerimientos y material. Qué es HTML? Etiquetas
Universidad Politécnica de El Salvador Computación Básica HTML Guía 1 Requerimientos y material Internet es un medio que no precisa de mucho conocimiento, el prerrequisito inmediato para poder usar esta
Manual de Plantillas para Listados
1 Manual de Plantillas para Listados www.sagasoluciones.com info@sagasoluciones.com C/ Salado 11 Local 10. 41010 Sevilla T. + 34 954 45 72 75 F. + 34 954 45 75 72 CONTROL DEL DOCUMENTO Realizado 21/09/2010
7. Desarrollo de aplicaciones multimedia.
7. Desarrollo de aplicaciones multimedia. Dpt. Informática Univ. Valencia Índice 7.1 El sistema WWW y el lenguaje HTML...3 7.2 El lenguaje HTML...4 7.2.1. HTML 4.0 y otros estándares HTML...5 7.2.2. Identificación
MANUAL HTML (ENLACES)
MANUAL HTML (ENLACES) Creado por l3 Introducción: En este manual te enseñare como crear enlaces y cómo manejarlos con HTML, ya que sin los enlaces de hipertexto no se podrían conectar las paginas web.
Profesor: 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
QUE ES HTML? Las siglas HTML se refieren a:
QUE ES HTML? Las siglas HTML se refieren a: HyperText Markup Language Es uno de los lenguajes más utilizados en el Web Wide Web. Las páginas de Internet están escritas en este lenguaje. Le brinda al autor
FACULTAD DE CIENCIAS DE LA EMPRESA UPCT Departamento de Economía de la Empresa
FACULTAD DE CIENCIAS DE LA EMPRESA UPCT Departamento de Economía de la Empresa Introducción a la programación de páginas web en el entorno de las Ciencias de la Empresa Profesor: Ramón Cantó Alcaraz Despacho:
Introducció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?
Elaboración de actividades: Webquest y Caza del Tesoro UNIDAD. Lenguaje HTML. Clase 7 Clase 8
Elaboración de actividades: Webquest y Caza del Tesoro UNIDAD Lenguaje HTML Clase 7 Clase 8 Exposición 4.6. Fuentes Tamaño de las fuentes: Texto En el nuevo estándar HTML 3.2 se admite
Í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
1. 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.
DISEÑOS DE PÁGINAS WEB CON N.V.U. E INICIACIÓN AL CÓDIGO HTML
DISEÑOS DE PÁGINAS WEB CON N.V.U. E INICIACIÓN AL CÓDIGO HTML Una página web es un documento escrito empleando un lenguaje denominado HTML (Hyper text Markup language; Lenguaje de marcas de hipertexto).
Páginas Web Barcelona
Páginas Web Barcelona Requisito previo: Todos los asistentes deben de tener previo conocimiento de las plataformas Macintosh o Windows. Se prefiere que los delegados tengan una experiencia básica en HTML
Instituto 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
MANUAL 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
GUIA 3. Tema: Hipervínculos. Qué es un hipervínculo?
GUIA 3 Tema: Hipervínculos. Objetivo General Crear una página de inicio para que los alumnos puedan aplicar los diferentes tipos de enlaces de hipertexto que existen en la web. Objetivos Específicos Crear
Estándares Técnicos para la Creación, Mantenimiento y Operación de sitios Web del Gobierno del Estado.
Estándares Técnicos para la Creación, Mantenimiento y Operación de sitios Web del Gobierno del Estado. ABRIL 2012 CONTENIDO 1 Introducción 2 Estructura a. Diagrama de la Estructura de la Página Principal
CUADERNILLO DE PRÁCTICAS
UNIVERSIDAD INTERAMERICANA PARA EL DESARROLLO CUADERNILLO DE PRÁCTICAS Aplicaciones Educativas WEB CUADERNILLO DE PRÁCTICAS Introducción Las posibilidades que brindan las tecnologías de la información
CONTENIDO TEMÁTICO. Pág. 1. INTRODUCCIÓN A HTML... 3 QUÉ ES HTML?... 3 NAVEGADORES... 3 EDITORES... 4 ETIQUETAS... 5 MI PRIMERA PÁGINA...
CONTENIDO TEMÁTICO Pág. 1. INTRODUCCIÓN A HTML... 3 QUÉ ES HTML?... 3 NAVEGADORES... 3 EDITORES... 4 ETIQUETAS... 5 MI PRIMERA PÁGINA... 6 2. ESTRUCTURA DE UNA PÁGINA... 9 IDENTIFICADOR DEL TIPO DE DOCUMENTO
Guí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
>> Instalación y Configuración de un Servidor WEB. >> HTML & PHP
>> Instalación y Configuración de un Servidor WEB. >> HTML & PHP Nicolás Álvarez S. nalvarezs@vtr.net Juan Monsalve Z. jmonsalve@elo.utfsm.cl Tópicos a tratar Qué es un servidor Web? Dónde puedo instalar
CURSO 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
Cómo crear páginas. para el WEB? Objetivos: Crear nuestra primera página Publicarla en la red. Prof. José Neville Díaz
Cómo crear páginas para el WEB? Objetivos: Crear nuestra primera página Publicarla en la red Programados necesarios: i. Microsoft Internet Explorer, Netscape Communication ii. Notepad, CuteHtml iii. Secure
Manual HTML Básico MANUAL HTML BÁSICO. Federico Martín Maglio
1 MANUAL HTML BÁSICO Federico Martín Maglio Para construir una página con el fin de publicarla en Internet, debemos aprender el lenguaje HTML (HyperText Markup Language). Se dirá que es muy fácil construir
PROPIEDAD POSITION CSS: STATIC, RELATIVE, ABSOLUTE, FIXED. TOP, RIGHT, BOTTOM, LEFT. EJEMPLOS EJERCICIOS DE POSICIONAMIENTO RESUELTOS (CU01032D)
APRENDERAPROGRAMAR.COM PROPIEDAD POSITION CSS: STATIC, RELATIVE, ABSOLUTE, FIXED. TOP, RIGHT, BOTTOM, LEFT. EJEMPLOS EJERCICIOS DE POSICIONAMIENTO RESUELTOS (CU01032D) Sección: Cursos Categoría: Tutorial
Prof. Luis Miguel Oliveros - Computación 3er Año
NVU / KompoZer NVU es un editor de páginas web libre y gratuito desarrollado bajo la modalidad Open Source. Esta alternativa gratuita trae nuevas herramientas para facilitar el trabajo, convirtiéndola
[HTML (HYPERTEX T MARKUP LANGUAJE)]
![[HTML (HYPERTEX T MARKUP LANGUAJE)]](/thumbs/44/23203277.jpg "[HTML (HYPERTEX T MARKUP LANGUAJE)]")
HTML se basa en principalmente en etiquetas, que son como instrucciones para dar formato a las diferentes partes de una página web. Para toda persona interesada en crear páginas web es importante conocer
Arquitectura 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
EDITOR DE PÁGINAS WEB KOMPOZER (4º ESO)
EDITOR DE PÁGINAS WEB KOMPOZER (4º ESO) 1) INSTALACIÓN 2) CREAR LA ESTRUCTURA DE CARPETAS 3) ABRIR EL PROGRAMA 4) GUARDAR LA PÁGINA WEB 5) CERRAR EL PROGRAMA 6) ABRIR EL ARCHIVO HTML DESDE EL KOMPOZER
DISEÑO DE PÁGINAS WEB
DISEÑO DE PÁGINAS WEB formacion@prodetur.es Telf.: 954 486 800 Mairena del aljarafe, 18 de abril de 2016 PRINCIPIOS BÁSICOS DE HOSTING DOMINIOS Dos tipos de dominios en Internet: gtld.- Dominios genéricos
Curso 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
Curso 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
Curso 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
Objetivo: Índice de Contenido:
HTML Objetivo: Entrenar al participante en el uso de las herramientas de software libre más populares para el desarrollo de sistemas y sitios Web. Índice de Contenido: Reglas del HTML Modelo de Desarrollo
Guí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.
Pá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
Prá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
UNIVERSIDAD 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
TEMA 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
UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION
CICLO 01-2015 UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION GUIA DE LABORATORIO Nº 1 Nombre de la practica: Introducción al lenguaje HTML Lugar de ejecución: Laboratorio
CREACIÓN DE PÁGINAS WEB CON NVU
CREACIÓN DE PÁGINAS WEB CON NVU 1. Introducción... 1 2. Instalación... 2 3. Antes de comenzar una página web... 2 4. Editar páginas web con NVU... 5 5. Definir el diseño de nuestro sitio... 6 5.1. Plantillas...
UNIVERSIDAD 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
(X)HTML. World Wide Web es uno de los servicios que se pueden encontrar en Internet, pero no el único (correo electrónico, FTP, news...
Esquema Conceptos previos Qué es HTML? Gramática de HTML Estructura básica de un documento HTML Cuerpo del documento Hipertexto y marcadores Listas Imágenes Formularios Tablas Hojas de estilo Conceptos
1.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
Tema 4. Contenido multimedia. ETSI ICAI! Departamento de Sistemas Informáticos! Rafael Palacios Hielscher! Cristina Puente Águeda!
Tema 4. Contenido multimedia ETSI ICAI! Departamento de Sistemas Informáticos! Rafael Palacios Hielscher! Cristina Puente Águeda! Hipertexto! Permiten conectar entre sí entre diferentes documentos, elementos