1. Introducción a HTML
|
|
|
- María José Moya Prado
- hace 7 años
- Vistas:
Transcripción
1 Introducción a HTML
2 1. Introducción a HTML
3 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, con enlaces que conducen a otros documentos o a otras fuentes de información. HTML permite además todos los efectos que se pueden producir con un procesador de textos: negrita, cursiva, distintos tamaños y fuentes, tablas, párrafos tabulados, sangrías, incluso texto y fondo de página de colores, y muchos más.
4 1. Introducción a HTML Qué es HTML? La pieza clave es el "navegador" o "cliente" HTML. Todas las codificaciones de efectos en el texto que forman el lenguaje HTML no son más que instrucciones para el visualizador. Así pues, en esencia, una página escrita en HTML no es más que texto normal al que, cuando se le quiere dar algun aspecto especial, habrá que acompañar de ciertos códigos para indicar el efecto deseado. A estos códigos se les llama elementos del lenguaje.
5 1. Introducción a HTML Elementos Los elementos se denotan con una palabra clave encerrada entre los símbolos < y >. La mayoría de elementos son llenos. Esto quiere decir que constan de dos etiquetas, una de apertura y otra de cierre, entre las cuales se situa el texto que se verá afectado por el elemento: <H1> Texto de prueba </H1> Como podemos observar, la etiqueta de cierre tiene la misma clave que la de apertura pero precedida de una /.
6 1. Introducción a HTML Elementos Hay otros elementos que son vacíos. Estos elementos únicamente tienen una etiqueta de apertura. Estos elementos no requieren un cierre porque producen un efecto puntual, que empieza y termina en el mismo punto (salto de línea, línea horizontal, inserción de imagen,...). No producen ningún efecto sobre el texto. Por ejemplo, la siguiente etiqueta introduce una línea o barra horizontal en el documento: <HR>
7 1. Introducción a HTML Atributos Algunos elementos se escriben con argumentos. Estos se llaman atributos del elemento. Por ejemplo, el elemento <A> que sirve para hacer un link (enlace) con otro documento, se escribirá: <A HREF=" Link de prueba </A> Los atributos se escriben dentro de la etiqueta de apertura, siguiendo esta sintaxis: nombre_del_atributo="valor" pudiendose escribir varios atributos en un mismo elemento separados por espacios en blanco.
8 1. Introducción a HTML Anidamiento de elementos Los elementos se pueden combinar, siempre que se haga poniendo los cierres en el lugar adecuado. Por ejemplo se puede combinar el elemento <H1> que hace aparecer el texto como un titular, con el elemento <I> que lo pone en itálica: <H1><I>Texto de prueba </I></H1> Y el resultado sería este: Texto de prueba
9 1. Introducción a HTML Estructura de un documento HTML Todo el documento se encierra entre las etiquetas <HTML> y </HTML>. Además el documento entero está contenido en dos partes diferenciadas la cabecera y el cuerpo, encerradas, respectivamente entre <HEAD> y </HEAD> y <BODY> y </BODY>.
10 1. Introducción a HTML Estructura de un documento HTML En la cabecera figura información general del docuemento como el título que mostrará el navegador en su barra de título cuando muestre el documento, el nombre de los autores, etc. Todo el contenido a mostrar por el navegador se encontrará en el cuerpo del documento.
11 1. Introducción a HTML Estructura de un documento HTML Un sencillo documento HTML podría quedar como sigue: <HTML> <HEAD> <TITLE>Documento de saludo</title> </HEAD> <BODY> <H1> Hola mundo!</h1> </BODY> </HTML>
12 2. Etiquetas principales de HTML
13 2. Etiquetas principales de HTML La etiqueta Hx Las etiquetas <H1>, <H2>,... <H6> producen texto destacado, al modo de títulos, siendo el <H1> el de mayor nivel. Además cada bloque de texto contenido en uno de estos elementos ocupará siempre un párrafo separado del resto del documento.
14 2. Etiquetas principales de HTML La etiqueta FONT La etiqueta <FONT> permite cambiar multitud de aspectos de la letra que se muestra, mediante el uso de distintos atributos: FACE: cambia la fuente que se muestra, si se pone una lista elegirá la primera que se encuentre instalada en la máquina. COLOR: cambia el color. Este se puede indicar como una palabra inglesa o como un código RGB en hexadecimal #RRGGBB. SIZE: cambia el tamaño con que aparecerá la fuente.
15 2. Etiquetas principales de HTML Las etiquetas P y BR La etiqueta <P> permite establecer una división en párrafos. Aunque es una etiqueta llena, se puede usar como vacía, pues la siguiente apertura funcionará como cierre del párrafo actual. Admite un atributo: ALIGN: puede tener tres valores: CENTER, LEFT, RIGHT o JUSTIFY. La etiqueta <BR> provoca un salto de línea. La diferencia con <P> es que no permite controlar la alineación y los párrafos no aparecerán separados.
16 2. Etiquetas principales de HTML Efectos en el texto <CENTER> centra el texto encerrado en el elemento. <B> pone en negrita el texto encerrado. <I> pone en cursiva el texto encerrado. <U> subraya el texto encerrado en el elemento. <SUP> el texto aparecerá como superíndice. <SUB> el texto aparecerá como subíndice. <TT> texto teletipo, aparecerá con fuente de paso fijo
17 2. Etiquetas principales de HTML Listas Se puede crear una lista numerada (con la etiqueta <OL>) o sin numerar (<UL>). Todo el texto contenido entre la apertura y cierre de estas etiquetas formará parte de la correspondiente lista. Para delimitar los elementos dentro de cada lista se utiliza el elemento vacío <LI>, que se coloca al comienzo de cada elemento. Pueden anidarse listas, de forma que un elemento de una lista sea a su vez otra lista, y así sucesivamente.
18 2. Etiquetas principales de HTML Tablas Una tabla se crea con la etiqueta <TABLE> Esta etiqueta tiene como atributos principales: WIDTH: permite especificar el ancho de la tabla, tanto en puntos, como en porcentaje sobre el total de pantalla disponible. BORDER: con el se especifica el grosor con que se pintará el borde de la tabla, por defecto es 0. ALIGN: alineamiento: CENTER, LEFT o RIGHT. CELLSPACING: separación entre celdas (en puntos). CELLPADDING: separación de la celda y su contenido.
19 2. Etiquetas principales de HTML Tablas Dentro del contenido de una tabla se van definiendo filas y dentro de estas, celdas. Una fila se crea encerrando su contenido en el elemento <TR>. El contenido de una fila deberá ser un conjunto de celdas. Esta etiqueta tiene como atributos principales: ALIGN: alineamiento de las celdas dentro de la fila: CENTER, LEFT o RIGHT. VALIGN: alineamiento vertical de las celdas: TOP, BOTTOM o MIDDLE.
20 2. Etiquetas principales de HTML Tablas Las celdas se definen encerrando su contenido en el elemento <TD>. Esta etiqueta tiene como atributos principales: ALIGN: alineamiento del ontenido de la celda: CENTER, LEFT o RIGHT. VALIGN: alineamiento vertical del contenido de la celda: TOP, BOTTOM o MIDDLE. WIDTH: anchura de la celda, (pixels o porcentaje). COLSPAN: especifica el número de celdas a la derecha de esta que se soldarán con ella.
21 2. Etiquetas principales de HTML Enlaces Se crea un enlace con la etiqueta <A>. El contenido de esta etiqueta será lo que en el navegador se muestre como el enlace que hay que pinchar para seguir el enlace. El destino del enlace se especifica en forma de URL, como valor del atributo HREF. Si el contenido del enlace es la etiqueta vacía <IMG>, que inserta una imagen en el documento, será el área ocupada por la imagen la que funcione como enlace.
22 2. Etiquetas principales de HTML Anclas También se crean con la etiqueta <A>. Un ancla es un punto de referencia dentro del documento, al que luego iremos pulsando un enlace. El punto de referencia se crea utilizando el elemento <A> sin contenido e identificando el punto con el atributo NAME. Por ejemplo <A NAME="Cap1"></A>. Luego el enlace que nos llevará a ese punto se crea de la forma habitual pero en el atributo HREF sólo pondremos el nombre del ancla. <A HREF="#Cap1">Ir al capítulo 1</A>
23 3. Formularios
24 3. Formularios Qué es un formulario? Un formulario es una página escrita en HTML que tiene unos elementos especiales que permiten que el usuario introduzca información que será enviada al servidor Web. A nosotros nos interesan especialmente porque serán los que nos permitan recibir en nuestros scripts PHP información del usuario, permitiendo interactividad en las páginas web que escribamos.
25 3. Formularios Escribir un formulario Un formulario se escribe entre de las etiquetas <FORM> y </FORM>. Además de los elementos propios de un formulario, puede incluir en su interior cualquier elemento propio de HTML, como por ejemplo una tabla. A su vez un formulario puede estar contenido dentro de una tabla.
26 3. Formularios El elemento FORM El elemento <FORM> tiene dos atributos: ACTION: en este atributo debemos colocar el nombre de la página a la que se enviarán los datos del formulario una vez que el usuario lo complete. METHOD: este atributo indica como se van a enviar los datos del formulario a través del elace HTTP. Existen dos métodos: El método GET envía los datos al final de la URL. El método POST envía los datos en un paquete separado.
27 3. Formularios Controles de un formulario En el interior del formulario se irán colocando distintos controles, en los cuales usuario introducirá un dato. Hay varios tipos de controles: Campos de texto, campos ocultos, botones de selección, casillas de marca, botones de proceso y de inicialización, se crean con el elemento <INPUT>. Listas desplegables y listas deslizantes, se crean con <SELECT>. Áreas de texto, se crean con <TEXTAREA>.
28 3. Formularios Campos de texto Se crean con el elemento <INPUT>, poniendo el atributo TYPE="TEXT". El resto de atributos que se pueden utilizar son: NAME: el nombre que identificará el campo, deberá ser único en el formulario. SIZE: el tamaño con que se mostrará el campo. MAXLENGTH: el tamaño máximo del dato. VALUE: un valor por defecto para el campo, que el usuario podrá modificar.
29 3. Formularios Campos ocultos Sirven para enviar información al servidor que el usuario no puede ver ni alterar. Se crean con el elemento <INPUT>, poniendo el atributo TYPE="HIDDEN". El resto de atributos que se pueden utilizar son: NAME: el nombre que identificará el campo, deberá ser único en el formulario. VALUE: la información contenida en el campo, no poner este atributo haría inutil el campo.
30 3. Formularios Botones de selección Se crean con el elemento <INPUT>, poniendo el atributo TYPE="RADIO". El resto de atributos que se pueden utilizar son: NAME: el nombre que identificará a un conjunto de botones, de los botones de un conjunto sólo uno podrá estar activado. VALUE: el valor que identifica a cada botón de un conjunto, por tanto tendrá que se único dentro de un conjunto de botones con el mismo NAME. CHECKED: la opción que aparecerá seleccionada
31 3. Formularios Casillas de marca Se crean con el elemento <INPUT>, poniendo el atributo TYPE="CHECKBOX". El resto de atributos que se pueden utilizar son: NAME: el nombre que identifica a la casilla, podrá repetirse si no lo hacen los valores. VALUE: el valor que tomará la correspondiente variable si se marca la casilla CHECKED: la casilla aparecerá marcada.
32 3. Formularios Botón de proceso Son botones que causan el envío de la información contenida en el formulario al servidor Web. Se crean con el elemento <INPUT>, poniendo el atributo TYPE="SUBMIT". El resto de atributos que se pueden utilizar son: NAME: el nombre que identifica al botón, podrá repetirse si no lo hacen los valores. VALUE: el valor que tomará la correspondiente variable y lo que aparecerá escrito dentro del botón.
33 3. Formularios Botón de reinicialización Son botones que al ser pulsados borran toda la información escrita previamente en el formulario del que forman parte. Se crean con el elemento <INPUT>, poniendo el atributo TYPE="RESET". El resto de atributos que se pueden utilizar son: VALUE: lo que aparecerá escrito dentro del botón.
34 3. Formularios Listas desplegables Se crean con el elemento <SELECT>...</SELECT>, sin ningún atributo de tipo. Utilizaremos el atributo NAME, para dar a la lista un nombre único que la identifique en el formulario. Dentro del elemento <SELECT> colocaremos tantos elementos <OPTION> como queramos. Estos elementos aparecerán como una lista desplegable. Si queremos que uno de ellos sea el seleccionado por defecto le colocaremos el atributo SELECTED.
35 3. Formularios Listas deslizantes Se crean de forma muy similar a las listas desplegables, con el elemento <SELECT>... </SELECT>, sin ningún atributo de tipo, pero con el atributo SIZE a un valor mayor que 1. Este atributo nos indica la altura de la lista, en líneas, y por lo tanto, cuantas opciones se verán a la vez. Estas listas permiten seleccionar varios valores a la vez si le colocamos el atributo MULTIPLE.
36 3. Formularios Áreas de texto Un área de texto permite al usuario escribir un texto largo, incluyendo saltos de línea. Se crean con el elemento <TEXTAREA>... </TEXTAREA>. El texto contenido entre estas dos etiquetas se mostrará como valor por defecto. El resto de atributos que se pueden utilizar son: NAME: el nombre que identifica al área de texto, deberá ser único en el formulario. COLS: la anchura del área de texto, en columnas. ROWS: la altura del área de texto, en líneas.
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)
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
Capítulo 4. Introducción a HTML
Capítulo 4. Introducción a HTML 4.1 Introducción HTML (HyperText Markup Language) es el lenguaje utilizado para representar documentos en la World Wide Web. Además de texto normal, incluye también elementos
Grupo de Ingeniería del Software. Conceptos básicos de formularios HTML
escuela técnica superior de ingeniería informática HTML Estático: Formularios Departamento de Lenguajes Grupo de Ingeniería del Software Noviembre 2004 Conceptos básicos de formularios HTML Los formularios
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
RESUMEN HTML. Elementos de estructura
RESUMEN HTML Elementos de estructura primer elemento que enmarca todo el fichero HTML (obligatorio) zona de cabecera (obligatorio) definición de un título (obligatorio) cuerpo
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
Unidad 1.- Fundamentos de sitios web. El lenguaje HTML. Desarrollo de aplicaciones Web. Felipe LC
Unidad 1.- Fundamentos de sitios web. El lenguaje HTML Desarrollo de aplicaciones Web. Felipe LC La actividad #1 En qué consistió la actividad 1? Qué conceptos aprendimos? Demos algunos ejemplos. Qué aprendimos
La 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,
Transparencias de J2EE. Tema 2: HTML. Uploaded by Ingteleco
Transparencias de J2EE Tema 2: HTML Uploaded by Ingteleco http://ingteleco.webcindario.com ingtelecoweb@hotmail.com La dirección URL puede sufrir modificaciones en el futuro. Si no funciona contacta por
Qué es HTML? Estructura interna de una página HTML. Cabecera de la página <head>
Qué es HTML? El HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben las páginas web. Es un lenguaje de hipertexto, es decir, un lenguaje que permite escribir texto de forma estructurada,
Partes del formulario
Partes del formulario Etiqueta La etiqueta presenta los siguientes atributos: Comando ACTION METHOD ENCTYPE Descripción El valor de este parámetro es la URL del programa o script en el Servidor
HIPERVÍNCULOS, LINKS O ENLACES HTML. ETIQUETA <A>. ATRIBUTOS HREF, TARGET Y TITLE. TIPOS DE HIPERVÍNCULOS. ANCLAS O ANCHORS (CU00717B)
APRENDERAPROGRAMAR.COM HIPERVÍNCULOS, LINKS O ENLACES HTML. ETIQUETA . ATRIBUTOS HREF, TARGET Y TITLE. TIPOS DE HIPERVÍNCULOS. ANCLAS O ANCHORS (CU00717B) Sección: Cursos Categoría: Tutorial básico
Curso Básico de HTML
Curso Básico de HTML Qué es HTML? HTML es un pseudo-lenguaje de programación, no es un lenguaje en sí. Utiliza tags o etiquetas específicas para crear contenido y dar una estructura al documento. Existen
2.5. Manipular objetos y formularios en una página Web.
2.5. Manipular objetos y formularios en una página Web. Un formulario es una página web en la cual el usuario puede introducir información que posteriormente recibiremos para que sea procesada, por alguna
Ejercicios del bloque de Web de Sistemas de Información:
Ejercicios del bloque de Web de Sistemas de Información: Ejercicio 1: Explica brevemente las principales diferencias entre DTDs y XML Schema. Ejercicio 2: En el contexto de XML qué es un documento bien
(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
Tema 0: El lenguaje HTML.
Tema 0:. 0.1 Introducción. HTML (Hyper Text Markup Language) es un lenguaje que describe el formato de un documento en base a la inserción de etiquetas, esto es, palabras reservadas del lenguaje comprendidas
TABLE. La etiqueta general, que engloba a las siguientes.
TABLE La etiqueta general, que engloba a las siguientes. TR TD En el siguiente nivel, dentro de TABLE, están las etiquetas para formar cada fila de la tabla. Hay que repetirlas tantas veces como filas
EJEMPLO DE APERTURA Y CIERRE DE UNA ETIQUETA.
DOCUMENTOS HTML QUÉ SON? Los documentos HTML son archivos creados con etiquetas en lenguaje de hyper text markup language (lenguaje de hipertexto). Estos documentos son interpretados por los programas
HTML. Ejercicios para HTML. Las etiquetas <html> y </html> identifican el principio y el final del documento HTML.
HTML HTML o Hypertext Markup Language o Lenguaje de Diseño de Hipertextos, es un lenguaje que se utiliza para crear páginas web. Ejercicios para HTML Las etiquetas y identifican el principio y el
TEST TICO 2º BACHILLERATO
TEST TICO 2º BACHILLERATO UNIDAD: DISEÑO Y EDICIÓN PÁGINAS WEB CON HTML (COMPLETO) Cada pregunta consta de 3 opciones, siendo solo una respuesta la correcta. Calificación: Respuesta correcta: +1 Respuesta
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
(X)HTML. Tablas. Las tablas son grupos de celdas que contienen información.
Las tablas son grupos de celdas que contienen información. Toda celda de una tabla puede albergar cualquier elemento disponible en una página web (siempre que pueda incluirse en el elemento body). Para
5.CREACIÓN DE TABLAS.
5.CREACIÓN DE TABLAS. Cómo se crea una tabla?. Para crear las tablas será necesario usar una nueva etiqueta: TABLE, que significa, en inglés, tabla. Esta etiqueta consta de instrucción de inicio,, e instrucción
ETIQUETAS PRINCIPALES
HTML... 1 ETIQUETAS PRINCIPALES... 1 ETIQUETAS DE TÍTULOS, PÁRRAFOS Y SEPARACIONES... 3 FORMATO DE TEXTO... 5 LISTAS... 6 ENLACES E IMÁGENES... 7 TABLAS... 9 HTML Las páginas web son documentos de texto,
1 - Introducción: el lenguaje HTML
Teoría: El lenguaje HTML 1 - Introducción: el lenguaje HTML El lenguaje HTML (HyperText Markup Language) ha sido diseñado para la publicación de contenidos en Internet. El lenguaje dispone de la sintaxis
Tema 5. Estructuración de contenidos. ETSI ICAI! Departamento de Sistemas Informáticos! Rafael Palacios Hielscher! Cristina Puente Águeda!
Tema 5. Estructuración de contenidos ETSI ICAI! Departamento de Sistemas Informáticos! Rafael Palacios Hielscher! Cristina Puente Águeda! Listas! Permiten enumerar una serie de contenidos. Todas ellas
2º Año de Bachillerato. Objetivos: Que el estudiante utilice las etiquetas de creación y edición de tablas.
ALUMNO(A): COMPLEJO EDUCATIVO CATÓLICO FE Y ALEGRÍA SAN JOSÉ MATERIA: INFORMÁTICA. GUIA 6 DE LABORATORIO DE HTML. Grupo: Opción: Sección: 2º Año de Bachillerato Objetivos: Que el estudiante utilice las
INTRODUCCIÓN A HTML. Qué es HTML. Etiquetas
INTRODUCCIÓN A HTML Qué es HTML El HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben las páginas web. Es un lenguaje de hipertexto, es decir, un lenguaje que permite escribir texto
Para 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
2. Manejar los elementos básicos de un lenguaje usado en la creación de Páginas Web. 2.1 Definición de objetos y contenidos de la página web.
2. Manejar los elementos básicos de un lenguaje usado en la creación de Páginas Web. 2.1 Definición de objetos y contenidos de la página web. INTERNET En 1969, el Departamento de Defensa de E.U construyo
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
Introduccion 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
Con etiqueta Sin etiqueta Con etiqueta Sin etiqueta Con etiqueta Sin etiqueta ADDRESS ADDRESS CITE CITE B: NEGRITA B: NEGRITA.
En la presente tabla se hace una comparación entre las etiquetas de formato de texto. Netscape no soporta : ni (tachado). Con etiqueta Sin etiqueta Con etiqueta Sin etiqueta Con etiqueta Sin etiqueta
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).
Tablas Formularios Frames
Tablas Formularios Frames Una tabla nos permite organizar y distribuir los espacios de la página de la manera más optima. Nos puede ayudar a : generar texto en columnas como los periódicos prefijar los
Índice del curso. Elementos HTML. Elementos HTML. Elementos de texto. Creación de páginas web básicas. 1.Introducción a Internet. Lenguaje HTML.
Índice del curso 1.Introducción a Internet. Lenguaje HTML. Elementos HTML Creación de páginas web básicas 2.Elementos HTML. 3.Creación y gestión de imágenes con GIMP. 4.Hojas de estilo. 5.Creación de páginas
Prácticas con... HTML. Luis Escandell Gómez Enero de 2.007
Prácticas con HTML Luis Escandell Gómez Enero de 2.007 1 Práctica 1 - Introducción a HTML (1) A lo largo de estas prácticas vamos a conocer los conceptos básicos sobre HTML, y cómo se utiliza para crear
Aplicaciones Web Mg. Abril Saire Peralta
FORMULARIOS EN HTML Los formularios son interfaces interactivas que permiten a los usuarios interactuar con la página WEB a través del ingreso o captura de datos de los visitantes. A través de los formularios
Tema 3.1: Principios de diseño web accesibles
Tema 3.1: Principios de diseño web accesibles Lourdes Moreno, Paloma Martínez Universidad Carlos III de Madrid {lmoreno,pmf}@inf.uc3m.es Asignatura Humanidades: Evitando las barreras de accesibilidad en
COLEGIO PABLO DE TARSO IED CONSTRUCCION DE PROYECTOS DE VIDA PRODUCTIVOS HTML - PRÁCTICAS DOC RAUL MONROY PAMPLONA
PRÁCTICA TRES DE HTML Enlaces: La característica principal de una página Web es que podemos incluir Hiperenlaces. Un Hiperenlace es un elemento de la página que hace que el navegador acceda a otro recurso,
47.- HTML 5 1.- Qué es el HTML?
Guía de HTML Contenidos: 1.- Que es HTML? 2.- Salto de Línea 3.- Párrafo 4.- Título 5.- Énfasis 6.- Hipervínculo a otra página del mismo sitio 7.- Hipervínculo a otro sitio de internet 8.- Imágenes dentro
Guía Segundo Periodo. Séptimo. Cristian Hernández 1/1/18 Dreamweaver
Guía Segundo Periodo Séptimo Cristian Hernández 1/1/18 Dreamweaver 1 Colegio Agustiniano Ciudad Salitre Área de Tecnología e Informática Guía de Apoyo 2018 Bimestre: Segundo Grado: Séptimo Docente: Cristian
5. EL EDITOR DE TEXTO HTML.
5. EL EDITOR DE TEXTO HTML. El editor de texto HTML proporciona una interfaz muy parecida a la de un procesador de textos para generar de una forma cómoda el código HTML correspondiente a los elementos
PROPÓSITOS. Tecnicatura en Informática Profesional y Personal [ 1 ]
![PROPÓSITOS. Tecnicatura en Informática Profesional y Personal [ 1 ]](/thumbs/87/95199557.jpg "PROPÓSITOS. Tecnicatura en Informática Profesional y Personal [ 1 ]")
PROPÓSITOS Unidad 1 Reconocer el funcionamiento de internet y sus características. Interpretar el concepto de ISP, HTTP y MySQL Reconocer y aplicar criterios de adaptación del ambiente de trabajo a las
UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION
CICLO 01-2016 UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION GUIA DE LABORATORIO Nº 1 Nombre de la practica: Introducción y conceptos básicos de HTML Lugar de ejecución:
Curso HTML. Introducción. Estructura de un documento html
Curso HTML. Introducción HTML significa Hypertext Markup Languaje, o lenguaje de marcas de hipertexto. Los ficheros htm (paginas web) son ficheros de texto, y la forma en que este texto aparece en pantalla
KOMPOZER. Opciones básicas para diseño web
KOMPOZER Opciones básicas para diseño web Kompozer: pantalla inicial Es un programa especializado en crear webs Al iniciarlo, aparece una página en blanco lista para editar, y los controles básicos en
UNIVERSIDAD COMPLUTENSE DE MADRID
UNIVERSIDAD COMPLUTENSE DE MADRID FACULTAD DE CIENCIAS DE LA DOCUMENTACIÓN LENGUAJE HTML CUADERNO DE TRABAJO Profesor Pedro Razquin Zazpe Colección Cuadernos de Trabajo, nº 4 Grado en Información y Documentación
(X)HTML. Los vínculos son la característica distintiva de la World Wide Web.
Hipertexto y marcadores Los vínculos son la característica distintiva de la World Wide Web. Permiten saltar de una página a otra, invocar una película o una grabación y descargar archivos con FTP. Un vínculo
Auxiliar 1 Introducción + XAMPP+ HTML
IN3501 Tecnologías de Información y Comunicaciones para la Gestión Otoño 2009 Auxiliar 1 Introducción + XAMPP+ HTML Universidad de Chile Departamento de Ingeniería Industrial Auxiliares: Iván Videla (ividela@dcc.uchile.cl)
El HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben las páginas web. Es un lenguaje de hipertexto, es decir, un lenguaje que
El HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben las páginas web. Es un lenguaje de hipertexto, es decir, un lenguaje que permite escribir texto en forma estructurada, y que está
Capítulo 0. Repaso de HTML
ESCUELA TÉCNICA SUPERIOR DE INGENIERÍA ICAI Desarrollo de Aplicaciones web Cristina Puente, Rafael Palacios 2010-2011 HTTP (repaso) El protocolo HTTP (Hyper-Text Transfer Protocol) es un protocolo encargado
Texto en movimiento. <MARQUEE> Texto que se desplaza </MARQUEE>
Texto en movimiento Vamos a ver distintas soluciones para conseguir texto en movimiento: haciendo uso del lenguaje HTML (las marquesinas), con un GIF animado, con Javascript, etc. Marquesinas (Marquees)
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
GUIA 2 Tema: Lenguaje de etiquetas. Introducción al HTML
Diseño Digital V. Guía 2 15 GUIA 2 Tema: Lenguaje de etiquetas. Introducción al HTML Objetivos Introducir al alumno en el lenguaje HTML para que comprenda la sintaxis de éste lenguaje de etiquetas y comprenda
Cursito 28: Curso de HTML Parte 4
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
LENGUAJE DE MARCADO HIPERTEXTO HTML
LENGUAJE DE MARCADO HIPERTEXTO HTML 1. QUÉ ES HTML? HTML, siglas de Lenguaje de Marcas de HiperTexto (HyperText Markup Language), hace referencia al lenguaje de marcado Hipertexto. HTML es base de todo
JavaScript: Objetos del documento
Francisco J. Martín Mateos Carmen Graciani Diaz Dpto. Ciencias de la Computación e Inteligencia Artificial Universidad de Sevilla Modelo de objetos del documento Todo documento HTML tiene una estructura
UNIDAD 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.
Funciones Básicas de la Hoja de Cálculo
1 Funciones Básicas de la Hoja de Cálculo Objetivos del capítulo Conocer el concepto y características de una hoja de cálculo. Conocer los elementos más importantes de una hoja de cálculo. Explicar la
DIRECCIÓN GENERAL DEL BACHILLERATO CENTRO DE ESTUDIOS DE BACHILLERATO N 2 LIC. JESÚS REYES HEROLES
PROFA. STEPHANY LUCIOTTO V. ACADEMIA: INFORMÁTICA ASIGNATURA: PAG. WEB GUIA DE ESTUDIO PERIODO: 2012-2013 A ALUMN@: GRUPO: FECHA: ESCRIBE EN EL PARENTESIS SI LA RESPUESTA ES VERDADREA O FALSA 1. Las páginas
Formularios HTML. Elementos de Programación y Lógica
Formularios HTML Elementos de Programación y Lógica Formularios HTML es un lenguaje de marcado cuyo propósito principal consiste en estructurar los contenidos de los documentos y páginas web. Sin embargo,
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
QUÉ SE NECESITA PARA UTILIZAR 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. Existen diferentes versiones del lenguaje HTML,
Texto y Organización del contenido
Opciones de formateo de texto y de organización del contenido de una página. Texto y Organización del contenido Bases de Datos 2012/2013 Luis Valencia Cabrera Contenido Organización del texto. Encabezado...
TEMA 5: INTERNET Y PÁGINAS WEB. Realización de páginas web con HTML. Servicios de Internet
TEMA 5: INTERNET Y PÁGINAS WEB Realización de páginas web con HTML. Servicios de Internet Qué vamos a ver? Qué es el lenguaje HTML Uso de sus características básicas: párrafos, títulos, y algunos estilos
CALC: HOJA DE CÁLCULO DE LIBREOFFICE
CALC: HOJA DE CÁLCULO DE LIBREOFFICE 1. ABRIR LA HOJA DE CÁLCULO DE LIBREOFFICE Botón Lubuntu > Oficina > LibreOffice Calc. En la pantalla aparece una cuadrícula de celdas. Cada celda tiene su referencia
Objetivos generales: Diseño y publicación virtual
Objetivos generales: Diseño y publicación virtual Ing. Marco Antonio Vital Yep Al finalizar el curso, el alumno evaluará las técnicas para producir material docente con el uso de programas para creación
INSTALACIONES INTERACTIVAS Introducción HTML
INSTALACIONES INTERACTIVAS Introducción HTML Presentación basada en: A Beginner s guide to HTML NCSA -The National Center for Supercomputing Applications BREVE HISTORIA HTML BREVE HISTORIA HTML En Español
Creación de páginas Web
Creación de páginas Web Ignacio González Alonso. 2009 1 HTML HTML es el lenguaje utilizado para crear páginas Web Una página Web no es más que un archivo de texto, generalmente con extensión.html Una página
Adaptación al Ambiente de Trabajo Curso: 7mo año, Ciclo Superior Profesor: Quevedo, Alejandro Programa 2016
Adaptación al Ambiente Trabajo UNIDAD 1 Contenidos: Adaptación l ambiente trabajo. Propósitos Ejes Contenidos Reconocer el Internet. Concepto Internet Cómo funciona?, funcionamiento Características y Ergonomía,
Manual 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
En este tema vamos a ver qué son los formularios, para qué se utilizan, y qué elementos pueden contener.
FORMULARIOS En este tema vamos a ver qué son los formularios, para qué se utilizan, y qué elementos pueden contener. Formulario Un formulario es un elemento que permite recoger datos introducidos
4.3 Insertar / Editar un vinculo a otra página web
4.2 Guardar los cambios realizados Cada vez que se realicen cambios en el contenido es fundamental guardar para que queden almacenados en el lugar donde se guarda la página web. Para ello pulsar el icono
De s arrollo de Pa gina s Web: K o mpo Zer
De s arrollo de Pa gina s Web: K o mpo Zer TABLAS Introducción Las tablas no solo son útiles para mostrar listas de datos, son también un elemento primordial para maquetar las páginas web, o sea, para
Diseño de páginas web
Qué es una página web? Diseño de páginas web Fundamentos de HTML Informática 4º ESO Un documento que puede incluir texto, imágenes, tablas, e incluso contenido multimedia Unas páginas web se pueden enlazar
Utilización del menú Formato de Celdas
Formatos en Excel La forma en que la información aparece en la hoja de cálculo se puede cambiar si se cambia el tamaño, estilo y color de los datos dentro de esas celdas. El formato predeterminado que
FORMULARIO HTML PREPARACION DEL FORMULARIO. Que información debes solicitar al visitante de tu web?
FORMULARIO HTML Con este apunte se realizara un sencillo formulario que creará un nuevo mensaje de e-mail en el computador del usuario; y dicho mensaje se rellenará con tu dirección de e-mail (como destinatario),
Edición y publicación de páginas web
UNIDAD 4 Edición y publicación de páginas web n nuestra sociedad cada vez se hace más necesario, en todos los ámbitos, el uso de Internet como medio de comunicación. Esta comunicación no debe ser sólo
PHP: Interacción con HTML
Francisco J. Martín Mateos Carmen Graciani Diaz Dpto. Ciencias de la Computación e Inteligencia Artificial Universidad de Sevilla Variables En algunas ocasiones es necesario saber si una variable tiene
Hipertexto y Marcadores Hipertexto: Escritura no secuencial, un texto que bifurca, que permite que el lector elija y que se lea mejor en una pantalla
HTML 5 (II) Hipertexto y Marcadores Hipertexto: Escritura no secuencial, un texto que bifurca, que permite que el lector elija y que se lea mejor en una pantalla interactiva. Serie de bloques de texto
EJERCICIOS HTML BÁSICOS
EJERCICIOS HTML BÁSICOS Ejercicio 1 Crear un documento HTML desde cero Crea la estructura de carpetas del sitio (carpeta raíz, carpeta de imágenes y de scripts). Dentro de la carpeta de scripts crea un
NATIONAL SOFT HOTELES GUÍA DE CONFIGURACIÓN DEL COMPROBANTE DE RESERVACIÓN
NATIONAL SOFT HOTELES Versión 3.0 GUÍA DE CONFIGURACIÓN DEL COMPROBANTE DE RESERVACIÓN National Soft de México INDICE GENERAL 1. INTRODUCCIÓN... 2 2. ESTABLECER LOS PARÁMETROS DE ENVÍO... 2 3. EDITAR EL
Desarrollo de sitios Web con HTML5, CSS3, jquery y Responsive Web Design
Desarrollo de sitios Web con HTML5, CSS3, jquery y Responsive Web Design Nivel básico. Duración: 20 horas. Lección 1. Creando tu primera página Web en HTML5. Qué es HTML5 y CSS3? Términos comunes utilizados
Unidad I - INTRODUCCIÓN AL HTML. Profesor: Marcos Tulio Jerez Bastidas. Barinas, abril 2015
República Bolivariana de Venezuela Universidad Nacional Experimental de los Llanos Occidentales Ezequiel Zamora Programa de Ingeniería, Arquitectura y Tecnología Subproyecto de Algoritmo y Programación
HOJAS DE ESTILOS EN CASCADA CSS (Cascading Style Sheet)
HOJAS DE ESTILOS EN CASCADA CSS (Cascading Style Sheet) 1. QUÉ ES UNA HOJA DE ESTILOS? Las hojas de estilos son un conjunto de instrucciones, el cual permiten manejar el formato y presentación de contenido
DISEÑO DE PAGINAS WEB
DISEÑO DE PAGINAS WEB ESTRUCTURA BÁSICA HTML ESTRUCTURA DE UNA PAGINA A lo largo de este tema vamos a aprender a crear una página básica. La estructura básica de una página es:
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
HTML: Organización del Contenido
Francisco J. Martín Mateos Carmen Graciani Díaz Dpto. Ciencias de la Computación e Inteligencia Artificial Universidad de Sevilla Encabezados Usualmente el contenido de un texto se organiza en secciones
PEQUEÑOS TRUCOS PARA LA REALIZACIÓN DE UNA WEB CON HTML. <title>seguridad Informática por nombre y apellido alumno</title>
PEQUEÑOS TRUCOS PARA LA REALIZACIÓN DE UNA WEB CON HTML Se establece el título de la web que se usa en el navegador y el que aparece si por ejemplo queremos añadirlo a favoritos.
Gestión publicidad TUTORIALES EDITMAKER
Gestión publicidad TUTORIALES EDITMAKER Crear una publicidad a) Menú genéríco de publicidad b) Seleccionar botón Nueva Publicidad Nombre de la publicidad Ancho (200-480, etc en píxeles Ruta de la imagen,
Introducción a HTML Manual-Estructura Básica. Prof. César S. Rangel Farias.
Introducción a HTML Manual-Estructura Básica. Prof. César S. Rangel Farias. Índice. 2 HTML... 3 Estructura Básica.... 3 Formato de texto... 3 Estilos... 3 Alineaciones de Párrafo... 4 Colores... 5 Listas...
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
Departamento de Lenguajes y Sistemas Informáticos. de formularios HTML
escuela técnica superior de ingeniería informática Tiempo: 2h Departamento de Lenguajes Grupo de Ingeniería a del Software Octubre 2006 Versión original: Amador Durán Toro (noviembre 2004) Última revisión:
CURSO PÁGINAS WEB HTML:
CURSO PÁGINAS WEB HTML: CÓDIGO EN EL BLOC DE NOTAS Colegio Concertado Valdecás HTML: EDICIÓN DE PÁGINAS WEB 1. Cómo escribir una página web? Detrás de las páginas que vemos por Internet se esconde un código,
Formularios en HTML 09/02/2015. Escuela Técnica Superior de Ingeniería Informática Departamento de Lenguajes y Sistemas Informáticos
09/02/2015 Grupo de Ingeniería del Software y Bases de Datos Universidad de Sevilla febrero 2014 Qué es un formulario? Febrero Introducción a la Ingeniería del Software y a los Sistemas de Información
En este tema vamos a ver qué son los marcos, para qué se utilizan, y cómo insertarlos.
MARCOS En este tema vamos a ver qué son los marcos, para qué se utilizan, y cómo insertarlos. Conjunto de marcos Los marcos o frames sirven para distribuir mejor los datos de las páginas, ya