ESTRUCTURA DEL CÓDIGO HTML5

Tamaño: px
Comenzar la demostración a partir de la página:

Download "ESTRUCTURA DEL CÓDIGO HTML5"

Transcripción

1 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 la estructura HTML. Debe escribirse en mayúscula sostenida. <!DOCTYPE html> 2. Etiqueta <meta> Se utiliza para agregar información sobre la página. Esta información puede ser utilizada por los buscadores, ya que éstos consultan la información de la etiqueta<meta> de las páginas, buscando coincidencias con lo que el usuario pretende encontrar. La etiqueta<meta> se debe insertar entre las etiquetas <head> y </head>. A través de esta etiqueta pueden especificarse los atributos como: name, que indica el tipo de información y content que muestra el valor de dicha información. Para indicar el tipo de información se utilizar cualquier palabra que se desee, como puede ser Autor, Palabras clave, Descripción, entre otros. Pero debido a 1

2 que la mayoría de buscadores están en inglés, es preferible que el tipo de información se especifique en inglés. Alguna de la información que se puede insertar en la etiqueta meta es: La etiqueta<meta> no necesita etiqueta de cierre. Para cada etiqueta <meta> solo es posible indicar un tipo de información y su valor, pero es posible insertar varias etiquetas <meta> en un mismo documento. Por ejemplo, el siguiente código indica que el autor de la página es ribea web, que la página trata sobre un curso de HTML5, y se indican algunas palabras clave cuando sean consultadas por los buscadores, el código sería: La etiqueta<meta> también se utiliza para indicarle al navegador alguna información o alguna acción que debe realizar. Por ejemplo se puede utilizar el parámetro http-equiv, en lugar del parámetro name, para permitir que la página se actualice automáticamente cada 20 segundos. En ese caso, se debe utilizar la acción Refresh (actualizar). El código sería: 2

3 Si por algún motivo se ha cambiado la dirección en la que se encuentra publicado el sitio web, y si algún usuario visite la página en la dirección antigua, a los 5 segundos el navegador lo direccionara automáticamente a la dirección nueva. En ese caso se utilizara el siguiente código en la página que se encuentra en la dirección antigua: De este modo, el navegador realizaría la función de actualizar la página, pero cargando la que se encontrará en la nueva dirección (URL= 3. Etiqueta <title> Se utiliza para colocar un título a la página web. Este título aparece en la pestaña de la ventana del navegador que se esté utilizando. La etiqueta <title> se debe insertar entre las etiquetas<head> y </head>, y debe 3

4 4. Etiqueta Body Es la etiqueta que abre y cierra el cuerpo de la página. Esta etiqueta tiene una serie de atributos los cuales permiten mejorar la apariencia del sitio. Entre ellas tenemos: El color de fondo puede establecerse a través del atributo bgcolor de la etiqueta body, al que es posible asignarle un color representado en hexadecimal o por un nombre predefinido. Así <body bgcolor="#0000ff"> El código hexadecimal se puede cambiar por el nombre del color <body bgcolor="blue"> La imagen de fondo puede establecerse a través del atributo background, indicando la ruta en la que se encuentra guardada la imagen, que puede ser la carpeta imágenes o img En el caso de que la imagen no se encuentre en el mismo directorio que la página, y se encuentre dentro de la carpeta imágenes, que sí se encuentra en la misma carpeta que la página, se debe ralizar: <body background="img/fondo.gif"> A través de la etiqueta<body> es posible establecer el color del texto de la página utilizando el atributo text. Por ejemplo, para hacer que el color del texto de una página sea de color rojo, se debe realizar lo siguiente: <body text= "#FF0000"> o <body text= red> Entre el borde de la ventana y el contenido de la página existe un margen, cuyo tamaño en píxeles puede modificarse mediante los atributos leftmargin (margen izquierdo) y topmargin (margen superior). Estos atributos suelen utilizarse para eliminar el margen, para lo cual deben valer cero. Por ejemplo, para hacer que una página no tenga margen superior, y tenga un margen izquierdo de 20 píxeles, se debe realizar: <body leftmargin="20" topmargin="0"> 5. Etiqueta <p> Es un elemento de versiones anteriores de HTML, y es uno de los utilizados más comúnmente. Representa un párrafo, el cual consiste en un bloque de 4

5 texto que está separado por líneas en blanco. Esta etiqueta tiene cierre, y se coloca al finalizar el párrafo. <p> HTML5 (HyperText Markup Language, versión 5) es la quinta revisión importante del lenguaje básico de la World Wide Web, HTML. HTML5 especifica dos variantes de sintaxis para HTML. </p> 6. Etiquetas de encabezado Son una serie de etiquetas que sirven para colocar una frase como un título resaltado, así: <h1>encabezaco <h2>encabezaco <h3>encabezaco <h4>encabezaco <h5>encabezaco H1</h1> H2</h2> H3</h3> H4</h4> H5</h5> El resultado final se observaría de la siguiente manera: 7. Etiqueta br Se utiliza para crear saltos de línea. Esta etiqueta no tiene etiqueta de cierre. 5

6 8. Etiqueta hr El resultado sería: A e s t a s lín e a s s e le s p u e d e a p lic a r a t r ib u t o s d e c o lo r y d e a n c h o, p a r a e llo s e utilizaría el siguiente código: <hr color="red" width="500"> El resultado sería: 9. Etiqueta Div La etiqueta <div> se utiliza para definir una sección dentro del documento. Comúnmente esta etiqueta se utiliza para agrupar un bloque de elementos, para luego añadirle un estilo determinado. Tiene etiqueta de cierre. Y se utiliza con el atributo align, el cual permite alinear el objeto, para esto se utilizarían los valores: 6

7 Left - Izquierda Center - Centrado Right - Derecho Justify - Justificado Por ejemplo, si se desea centrar el título principal se realizaría el siguiente código: El resultado sería: 10. Etiqueta Span Con<span> y su correspondiente cierre se utilizan para realizar una agrupación dentro de un bloque de texto. Con esta agrupación Esta agrupación permite aplicarle estilos CSS al bloque específico, en especial para aplicar formatos de fuente a los textos. Para ello acompañamos las etiqueta span con el atributo style. Para ello se utilizan los siguientes valores: 7

8 Fuentes font-family: arial; (aplicare tipo de letra ) font-style: italic;( Aplicar cursiva) font-weight: bold; (Aplicar negrita) font-size: 30px; (Aplicar tamaño al texto ) color: rgb(0, 153, 0); (Aplicar color a la fuente, se utilizan los colores rgb) Alineación del texto [text-align] text-align: right; (Aplicar alineación al texto) Por ejemplo si se desea aplicar formatos de fuente al título las etiquetas a utilizar serán: <div align="center"> <h1><span style="color: rgb(0, 153, 0);font-size: 30px;fontfamily:verdana; ">DEFINICIÓN HTML5</h1></span> </div> En este caso se aplica color verde, tamaño de letra 30 px y tipo de letra verdana al título identificado por el <H1> El resultado será: Al párrafo también se le puede aplicar la etiqueta Span, ya sea a todo el párrafo o a un texto específico, por ejemplo se desea aplicar formatos de fuente al texto, para resaltarlo: HTML5 (HyperText Markup Language, versión 5), se realiza lo siguiente: <p> <span style="color: rgb(255, 0, 0);font-size: 16px;fontfamily:verdana;font-weight: bold;">html5 (HyperText Markup Language, versión 5)</span>es la quinta revisión importante del lenguaje básico- <br>de la World Wide Web, HTML. </p> 8

9 En este caso se aplica color rojo, tamaño de letra 16 px y tipo de letra verdana y estilo negrita al texto definido entre <span> y </span> El resultado sería: _ 9

Qué es HTML? Estructura interna de una página HTML. Cabecera de la página <head>

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,

Más detalles

A lo largo de este tema vamos a aprender a crear una página básica.

A lo largo de este tema vamos a aprender a crear una página básica. Unidad 2. Estructura de una página (I) 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: Ahora veamos cómo funcionan estas etiquetas. Identificador

Más detalles

GUIA 1 CONCEPTOS BÁSICOS

GUIA 1 CONCEPTOS BÁSICOS DEFINICIÓN DE HTML5 CESDE GUIA 1 CONCEPTOS BÁSICOS HTML5 es una combinación de nuevas etiquetas del lenguaje HTML (HyperText Markup Language - lenguaje de marcas de hipertexto), el hipertexto es la unión

Más detalles

INTRODUCCIÓN A HTML. Qué es HTML. Etiquetas

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

Más detalles

HOJAS DE ESTILOS EN CASCADA CSS (Cascading Style Sheet)

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

Más detalles

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

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 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 detalles

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. 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

Más detalles

TEST TICO 2º BACHILLERATO

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

Más detalles

HTML El idioma de Internet (Parte 1)

HTML El idioma de Internet (Parte 1) HTML El idioma de Internet (Parte 1) El lenguaje HTML Lenguaje de marcas de hipertexto Sintaxis extremadamente sencilla Documentos en archivos de texto simples Texto sin formato Diferenciación de los distintos

Más detalles

ETIQUETAS PRINCIPALES

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,

Más detalles

UNIDAD 1 GENERALIDADES HTML

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.

Más detalles

COLEGIO PABLO DE TARSO IED CONSTRUCCION DE PROYECTOS DE VIDA PRODUCTIVOS HTML - PRÁCTICAS DOC RAUL MONROY PAMPLONA

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

Más detalles

Resumen Rápido de CSS

Resumen Rápido de CSS Resumen Rápido de CSS Selectores. Resumimos la manera de seleccionar los elementos a ''lookear''. * Todos los elementos div #div #div * Todos los elementos dentro de

Más detalles

Curso Básico de HTML

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

Más detalles

DISEÑANDO. Web. Empresa. de mi. COmo crear una web empresarial sin ser programador ni diseñador

DISEÑANDO. Web. Empresa. de mi. COmo crear una web empresarial sin ser programador ni diseñador introducción Bienvenida El Instructor Juan Sebastián Ossa Domínguez Diseñador Gráfico y Diseñador Desarroldor de Software introducción Bienvenida Objetivo del Curso Transmitir los conceptos básicos diseño

Más detalles

LÍNEAS SEPARADORAS. ETIQUETA <HR>. COMENTARIOS EN HTML. ATRIBUTOS SIZE, WIDTH, NOSHADE (DEPRECATED). EJEMPLOS (CU00716B)

LÍNEAS SEPARADORAS. ETIQUETA <HR>. COMENTARIOS EN HTML. ATRIBUTOS SIZE, WIDTH, NOSHADE (DEPRECATED). EJEMPLOS (CU00716B) APRENDERAPROGRAMAR.COM LÍNEAS SEPARADORAS. ETIQUETA . COMENTARIOS EN HTML. ATRIBUTOS SIZE, WIDTH, NOSHADE (DEPRECATED). EJEMPLOS (CU00716B) Sección: Cursos Categoría: Tutorial básico del programador

Más detalles

Diseño Web. Sitio Web Conjunto de páginas web relacionadas entre sí.

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

Más detalles

Actividad 3: Codificación básica de un texto en HTML

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

Más detalles

ENCABEZADOS HTML <h1> A <h6>, PÁRRAFOS <p>, APLICAR ESTILOS Y ETIQUETA <pre> DE TEXTO PREFORMATEADO. EJEMPLOS (CU00715B)

ENCABEZADOS HTML <h1> A <h6>, PÁRRAFOS <p>, APLICAR ESTILOS Y ETIQUETA <pre> DE TEXTO PREFORMATEADO. EJEMPLOS (CU00715B) APRENDERAPROGRAMAR.COM ENCABEZADOS HTML A , PÁRRAFOS , APLICAR ESTILOS Y ETIQUETA DE TEXTO PREFORMATEADO. EJEMPLOS (CU00715B) Sección: Cursos Categoría: Tutorial básico del programador

Más detalles

4º ESO INFORMÁTICA TEMA 7: LENGUAJE HTML ACTIVIDADES. A continuación abriéremos el bloc de notas: Inicio>Programas>Bloc de notas.

4º ESO INFORMÁTICA TEMA 7: LENGUAJE HTML ACTIVIDADES. A continuación abriéremos el bloc de notas: Inicio>Programas>Bloc de notas. 4º ESO INFORMÁTICA TEMA 7: LENGUAJE HTML ACTIVIDADES FECHA LÍMITE: 13 de mayo Práctica 1: Lo primero que vamos a hacer es crear en nuestro pendrive una carpeta que llamaremos WEBnuestronombre como por

Más detalles

Identificar cuál es la estructura de una página Web y sus principales secciones. Desarrollar una página Web en un editor.

Identificar cuál es la estructura de una página Web y sus principales secciones. Desarrollar una página Web en un editor. MÓDULO 2. Introducción Después de conocer los conceptos básicos sobre el lenguaje de programación HTML, en este módulo identificaremos la estructura de una página Web y lo haremos revisando el lenguaje

Más detalles

Í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. 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

Más detalles

Conceptos Teóricos de HTML5 (material extra adicional libro):

Conceptos Teóricos de HTML5 (material extra adicional libro): Temario de Examen Unidad I Materia: Informática Catedráticos: Víctor Aquino/Débora Santizo Temas: Uso del programa Sublime Text Forma Correcta de guardar archivos html y css (.html y.css) Uso de la etiquetas

Más detalles

QUÉ SE NECESITA PARA UTILIZAR HTML5

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,

Más detalles

TEXT-ALIGN, COLOR, TEXT- DECORATION, TEXT- INDENT, WHITE-SPACE NOWRAP, PRE, PRE- WRAP, PRE-LINE O NORMAL (CU01040D)

TEXT-ALIGN, COLOR, TEXT- DECORATION, TEXT- INDENT, WHITE-SPACE NOWRAP, PRE, PRE- WRAP, PRE-LINE O NORMAL (CU01040D) APRENDERAPROGRAMAR.COM TEXT-ALIGN, COLOR, TEXT- DECORATION, TEXT- INDENT, WHITE-SPACE NOWRAP, PRE, PRE- WRAP, PRE-LINE O NORMAL (CU01040D) Sección: Cursos Categoría: Tutorial básico del programador web:

Más detalles

DISEÑO DE PAGINAS WEB

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:

Más detalles

Mantenimiento de WordPress e Introducción a CSS

Mantenimiento de WordPress e Introducción a CSS Mantenimiento de WordPress e Introducción a CSS 6 / Junio / 2016 Alex Ollé @WanderlustTB fb.com/wanderlustmemories @wanderlust_memories PDF en: alexolle.es/tallerwordpress 1. Qué es WordPress? WordPress

Más detalles

Hojas de estilo. Ejemplo

Hojas de estilo. Ejemplo Hojas de estilo CSS son las siglas de Cascade Style Sheet que traducido significa hojas de estilo en cascada. Las hojas de estilo es una tecnología que nos permite controlar la apariencia de una página

Más detalles

1.- INTRODUCCIÓN. <etiqueta> contenido</etiqueta>

1.- INTRODUCCIÓN. <etiqueta> contenido</etiqueta> 1.- INTRODUCCIÓN 1.1 Definición A lo largo de este manual vamos a descubrir el lenguaje más utilizado para la creación de páginas web: el Hyper Text Markup Language, más conocido como HTML. Se puede afirmar

Más detalles

Arquitectura de Tecnologías Web Por César Bustamante Gutiérrez. Módulo II: Tecnologias del lado del Cliente Tema 1: HTML5. www.librosdigitales.

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

Más detalles

Diseño web. Fundamentos de CSS. Informática 4º ESO

Diseño web. Fundamentos de CSS. Informática 4º ESO Diseño web Fundamentos de CSS Informática 4º ESO Cascading Style Sheets HTML está bastante limitado a la hora de dar formato a las páginas web HTML fue inventado por científicos Énfasis en el contenido

Más detalles

Las tablas pueden ser consideradas como un grupo de filas donde cada una de ellas contiene un grupo de celdas. Una tabla puede ser insertada en un

Las tablas pueden ser consideradas como un grupo de filas donde cada una de ellas contiene un grupo de celdas. Una tabla puede ser insertada en un Las tablas Las tablas pueden ser consideradas como un grupo de filas donde cada una de ellas contiene un grupo de celdas. Una tabla puede ser insertada en un documento HTML usando tres elementos básicos:

Más detalles

TIC II Tema 2: Programación Web

TIC II Tema 2: Programación Web TIC II Tema 2: Programación Web INTRODUCCIÓN Las Hojas de Estilo en Cascada o CSS es un lenguaje creado para controlar el aspecto o presentación de los documentos electrónicos definidos con HTML. CSS es

Más detalles

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 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

Más detalles

Con etiqueta Sin etiqueta Con etiqueta Sin etiqueta Con etiqueta Sin etiqueta ADDRESS ADDRESS CITE CITE B: NEGRITA B: NEGRITA.

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

Más detalles

Ejemplo: font-size: 10pt; text-decoration: underline; color: black; (el último punto y coma de la lista de atributos es opcional)

Ejemplo: font-size: 10pt; text-decoration: underline; color: black; (el último punto y coma de la lista de atributos es opcional) Anexo: Reglas básicas sobre la sintaxis CSS: Para definir un estilo se utilizan atributos como font-size,text-decoration... seguidos de dos puntos y el valor que le deseemos asignar. Podemos definir un

Más detalles

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! 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 detalles

CONCEPTO FLOAT CSS. NONE, LEFT, RIGHT Y CENTRAR?. COLOCAR TEXTO ALREDEDOR DE UNA IMAGEN. EJEMPLOS DE POSICIONAMIENTO FLOTANTE (CU01034D)

CONCEPTO FLOAT CSS. NONE, LEFT, RIGHT Y CENTRAR?. COLOCAR TEXTO ALREDEDOR DE UNA IMAGEN. EJEMPLOS DE POSICIONAMIENTO FLOTANTE (CU01034D) APRENDERAPROGRAMAR.COM CONCEPTO FLOAT CSS. NONE, LEFT, RIGHT Y CENTRAR?. COLOCAR TEXTO ALREDEDOR DE UNA IMAGEN. EJEMPLOS DE POSICIONAMIENTO FLOTANTE (CU01034D) Sección: Cursos Categoría: Tutorial básico

Más detalles

SIGNIFICADO DE DEPRECATED. ETIQUETA BODY: CUERPO DE LA PÁGINA HTML. BGCOLOR, TEXT, BACKGROUND. (CU00712B)

SIGNIFICADO DE DEPRECATED. ETIQUETA BODY: CUERPO DE LA PÁGINA HTML. BGCOLOR, TEXT, BACKGROUND. (CU00712B) APRENDERAPROGRAMAR.COM SIGNIFICADO DE DEPRECATED. ETIQUETA BODY: CUERPO DE LA PÁGINA HTML. BGCOLOR, TEXT, BACKGROUND. (CU00712B) Sección: Cursos Categoría: Tutorial básico del programador web: HTML desde

Más detalles

Introducción. En CSS, los selectores se usan para elegir los elementos HTML que queremos estilizar de nuestra

Introducción. En CSS, los selectores se usan para elegir los elementos HTML que queremos estilizar de nuestra Tema. Selectores Objetivos. Construir hojas de estilo basadas en los selectores CSS Material a utilizar. * Editor de texto para el código HTML * Navegador Web Introducción. En CSS, los selectores se usan

Más detalles

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. 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

Más detalles

La primera etiqueta que vamos a aprender es aquella por la que deben empezar todos los documentos que queramos sean considerados HTML; esta es:

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,

Más detalles

Práctica de HTML (Curso )

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

Más detalles

III. Hojas de estilo en cascada (CSS)

III. Hojas de estilo en cascada (CSS) III. Hojas de estilo en cascada (CSS) 1. Introducción 2. Declaración de CSS 2.1. Propiedades típicas en CSS 2.2. Inserción de CSS en HTML 3. Herencia de propiedades en CSS 4. Declaración avanzada de CSS

Más detalles

Practicar las operaciones que hay que realizar para insertar una tabla y rellenar sus celdas.

Practicar las operaciones que hay que realizar para insertar una tabla y rellenar sus celdas. Practicar las operaciones que hay que realizar para insertar una tabla y rellenar sus celdas. Ejercicio 1: Crear y rellenar una tabla. 3. Selecciona el sitio Cocina en el panel 6. Sitúa el punto de inserción

Más detalles

1. La evolución de HTML La evolución de las CSS 16

1. La evolución de HTML La evolución de las CSS 16 HTML5 y CSS3 1. La evolución de HTML 15 2. La evolución de las CSS 16 2.1 La noción de módulo 16 2.2 La evolución de los estados 16 2.3 Los prefijos comerciales 17 2.4 Utilizar los prefijos comerciales

Más detalles

Capas. Para definir una sección o división se utilizan las capas. Para esto utilizamos las etiquetas de HTML

Capas. Para definir una sección o división se utilizan las capas. Para esto utilizamos las etiquetas de HTML Capas Capas Para definir una sección o división se utilizan las capas. Para esto utilizamos las etiquetas de HTML y Uso principal es poder aplicar estilo en el cuerpo/porción del documento

Más detalles

HOJAS DE ESTILO EN CASCADA

HOJAS DE ESTILO EN CASCADA HOJAS DE ESTILO EN CASCADA Introducción Permiten definir las páginas con aspecto homogéneo sin tanto esfuerzo. Forma de definir los estilos Como atributo de una etiqueta afecta a esa etiqueta Sintaxis:

Más detalles

Examen de CSS - Cuestionario

Examen de CSS - Cuestionario Examen de CSS - Cuestionario Qué propiedad de CSS se emplea para definir el espacio entre caracteres? word-spacing white-space letter-spacing Las anteriores respuestas no son correctas Cómo se hace en

Más detalles

QUERYSELECTORALL JAVASCRIPT Y QUERYSELECTOR. ACCEDER A ELEMENTOS POR SELECTORES CSS. EJEMPLOS (CU01134E)

QUERYSELECTORALL JAVASCRIPT Y QUERYSELECTOR. ACCEDER A ELEMENTOS POR SELECTORES CSS. EJEMPLOS (CU01134E) APRENDERAPROGRAMAR.COM QUERYSELECTORALL JAVASCRIPT Y QUERYSELECTOR. ACCEDER A ELEMENTOS POR SELECTORES CSS. EJEMPLOS (CU01134E) Sección: Cursos Categoría: Tutorial básico del programador web: JavaScript

Más detalles

En HTML, para indicar el orden de tabulación entre los controles de un formulario se emplea

En HTML, para indicar el orden de tabulación entre los controles de un formulario se emplea HTML completo Pregunta 1 En HTML, para indicar el orden de tabulación entre los controles de un formulario se emplea Solución: El atributo tabindex Pregunta 2 El elemento de HTML que se emplea para definir

Más detalles

Transparencias de J2EE. Tema 2: HTML. Uploaded by Ingteleco

Transparencias de J2EE. Tema 2: HTML. Uploaded by Ingteleco Transparencias de J2EE Tema 2: HTML Uploaded by Ingteleco http://ingteleco.webcindario.com [email protected] La dirección URL puede sufrir modificaciones en el futuro. Si no funciona contacta por

Más detalles

HTML GUIA 5 TABLAS EN HTML

HTML GUIA 5 TABLAS EN HTML HTML GUIA 5 TABLAS EN HTML Hoy en día, la mayoría de las páginas web se basan en tablas, ya que resultan de gran utilidad al mejorar notablemente las opciones de diseño. Todos los objetos se alinean por

Más detalles

SUBRAYAR CON MARCATEXTO EL PARRAFO DONDE ENCONTRÓ LA PREGUNTA LAS RESPUESTAS LAS ENCUENTRAS DE LA PAG 26 A LA 96 DEBE COPIAR PREGUNTA Y RESPUESTA

SUBRAYAR CON MARCATEXTO EL PARRAFO DONDE ENCONTRÓ LA PREGUNTA LAS RESPUESTAS LAS ENCUENTRAS DE LA PAG 26 A LA 96 DEBE COPIAR PREGUNTA Y RESPUESTA TAREA NO 1 INTRODUCCIÓN A HTML5 Y CSS3 PRIMERO BÁSICO PROF. VICTOR AQUINO URRUTIA CURSO: TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN (TICS) CICLO: 2017 ------------------------------------------------------------------------------------------

Más detalles

Diseña tu propia web

Diseña tu propia web Diseña tu propia web Diseña tu propia web Juan Manuel Escudero García [email protected] 2 Infraestructura Elementos necesarios para publicar nuestra web. - Un dominio - Hosting o alojamiento

Más detalles

Índice general. Pág. N. 1. Capítulo 1. Capítulo 2

Índice general. Pág. N. 1. Capítulo 1. Capítulo 2 Pág. N. 1 Índice general Capítulo 1 Introducción al diseño web con HTML 5 y CSS3 1.1 Las versiones del HTML 1.2 Los navegadores y sus diferencias 1.2.1 Tiempo de carga 1.2.2 Entorno de trabajo 1.2.3 Ventanas

Más detalles

Capítulo 4. Introducción a HTML

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

Más detalles

Edición HTML Estilos CSS Texto y fuentes

Edición HTML Estilos CSS Texto y fuentes MINISTERIO DE EDUCACIÓN Y CIENCIA SECRETARÍA GENERAL DE EDUCACIÓN Y FORMACIÓN PROFESIONAL DIRECCIÓN GENERAL DE EDUCACIÓN, FORMACIÓN PROFESIONAL E INNOVACIÓN EDUCATIVA CENTRO NACIONAL DE INFORMACIÓN Y COMUNICACIÓN

Más detalles

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION

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º 2 Nombre de la practica: Introducción y conceptos básicos de CSS Lugar de ejecución:

Más detalles

Maquetación con estilos

Maquetación con estilos Objetivos específicos Maquetación con estilos Aplicar estilos relacionados con tamaños, bordes y márgenes. Aplicar estilos relacionados con el posicionamiento de los objetos. Contenidos Estilos de caja.

Más detalles

ELABORADO POR: BRENDA PATRICIA GONZALEZ MANRIQUEZ

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)

Más detalles

(X)HTML. Tablas. Las tablas son grupos de celdas que contienen informació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

Más detalles

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.) 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 detalles

Imágenes de fondo [background-image] La propiedad CSS background-image se usa para insertar una imagen de fondo.

Imágenes de fondo [background-image] La propiedad CSS background-image se usa para insertar una imagen de fondo. Lección 3: Colores y fondos En esta lección aprenderás a aplicar colores y colores de fondo a tus sitios web. Examinaremos también métodos avanzados para posicionar y controlar imágenes de fondo. Se explicarán

Más detalles

INFORMATICA I FORMATO

INFORMATICA I FORMATO INFORMATICA I 2.4.5 FORMATO El formato es una de las herramientas con que cuenta un procesador de textos para comunicar de distintas formas una palabra y/o frase, resaltándola, en negrita, dándole colores,

Más detalles

CSS AVANZADO Hojas de Estilo. Iván Martínez Toro

CSS AVANZADO Hojas de Estilo. Iván Martínez Toro CSS AVANZADO Hojas de Estilo Iván Martínez Toro ÍNDICE DECONTENIDOS Pseudoclases. Fuentes. Modelo de caja: posición. Floaty Clear. Display. Fondos. Listas con estilo. Enlace importante. PSEUDOCLASES Modifican

Más detalles

Teoría. Microsoft Word. Características Generales Formatos Encabezado y Pie de página Tablas Imágenes

Teoría. Microsoft Word. Características Generales Formatos Encabezado y Pie de página Tablas Imágenes Teoría Microsoft Word Características Generales Formatos Encabezado y Pie de página Tablas Imágenes Características Generales Ventana Íconos (barra/cinta de opciones) Ventana de documento Párrafos Formatos

Más detalles