SlideShare uma empresa Scribd logo
1 de 13
UNIVERSIDAD CENTRAL DEL ECUADOR
      FACULTAD DE FILOSOFÍA
   ESCUELA DE CIENCIAS EXACTAS
PROGRAMACION VI

DISEÑO DE PAGINAS WEB
¿QUÉ ES HTML?
• HTML es un lenguaje de hipertexto, se dedica a visualizar
  objetos, es vinculada a paginas web.
   En HTML existen directivas (comandos) como son:
• DIRECTIVAS ABIERTAS: estas directivas abiertas se las
  coloca una sola vez en el programa .
   Ejemplo:
   <BR>
    <BODY BACKGROUND>
• DIRECTIVAS CERRADAS: estos comandos cerrados se los
  escribe al comienzo del programa y luego debemos cerrar la
  directiva.
   Ejemplo:
   <CENTER> </CENTER>
   <TABLE BORDER = “ ”> </TABLE>
ESTRUCTURA DE HTML
• <HTML>          INICIO DEL PROGRAMA
• <HEAD>          ENCABEZADO DEL PROGRAMA
• <TITLE>         TITULO DE LA PAGINA
• <META>          INFORMACION SOBRE LA PAGINA
• </HEAD>         CIERRA EL ENCABEZADO DE LA
  PAGINA
• <BODY>          CUERPO DE LA PAGINA


• </BODY>
• </HTML>
DIRECTIVAS DE HTML
       DIRECTIVAS          TIPO              FUNCION

<BR>                      ABIERTA   Da un salto de línea

<P>    </P>               CERRADA   Elabora párrafos

<B>    </B>               CERRADA   Pone en negrita al texto

<I>    </I>               CERRADA   Pone en cursiva al texto

<U>    </U>               CERRADA   Subraya al texto

<S>    </S>               CERRADA   Tacha el texto

<CENTER>      </CENTER>   CERRADA   Centra texto o imágenes
DIRECTIVAS           TIPO                FUNCION

<LI>                         Abierta   Crea viñetas

<OL TYPE = “ ”> </OL>       Cerrado    Crea viñetas según el tipo
                                       que escribas

<HR>                        ABIERTA    Crea una línea horizontal

<MARQUEE> </MARQUEE>        CERRADA    Da movimiento a imágenes y
                                       texto

<FONT FACE =“ “> </FONT>    CERRADA    Da al texto el tipo de letra
                                       requerido

<FONT COLOR =“ “> </FONT>   CERRADA    Da color al texto


<FONT SIZE =“ “> </FONT>    CERRADA    Da tamaño al texto
DIRECTIVAS              TIPO                FUNCION


<BODY BACKGRO = “ ”></BODY >   CERRADO   Coloca imágenes en el fondo


<IMG SRC = “ ”>                ABIERTA   Inserta imágenes en la pagina


<P ALIGN = “ ”> </P>           CERRADO   Alinea al texto o cualquier tipo de
                                         dato (derecha, izquierda, centro)

<TABLE BORDER> </TABLE>        CERRADO   Crea tablas dentro de la pagina


<TR> </TR>                     CERRADO   Crea filas dentro de la tabla


<TD COLSPAN = “ ”> </TD>       CERRADO   Une las columnas según el tipo


<TD ROWSPAN = “ ”> </TD>       CERRADO   Une las filas según el tipo
DIRECTIVAS              TIPO               FUNCION


<EMBED SRC = “   ”>               ABIERTA   Coloca videos en la pagina


<BG SOUND SRC = TEXTO.LOOP = 1>   ABIERTA   Agrega sonido a la pagina



<BODY BGCOLOR =“ ”> </BODY >      CERRADO   Da color al fondo de la pagina
EJEMPLOS DE HTML
Ejemplo de viñetas código HTML:
Ejemplo de como agregar videos en html:
GUIA DE HTML

Mais conteúdo relacionado

Mais procurados

Mais procurados (15)

Semana 3 Maquetación CSS
Semana 3   Maquetación CSSSemana 3   Maquetación CSS
Semana 3 Maquetación CSS
 
Trabajo para-blog
Trabajo para-blogTrabajo para-blog
Trabajo para-blog
 
Presentación
PresentaciónPresentación
Presentación
 
Elementos básicos y estructura de una página web
Elementos básicos y estructura de una página webElementos básicos y estructura de una página web
Elementos básicos y estructura de una página web
 
Actividad 3 laboratorio de computacion iii jose daniel monarrez rodriguez
Actividad 3 laboratorio de computacion iii jose daniel monarrez rodriguezActividad 3 laboratorio de computacion iii jose daniel monarrez rodriguez
Actividad 3 laboratorio de computacion iii jose daniel monarrez rodriguez
 
Manual de usuario de power point
Manual de usuario de power pointManual de usuario de power point
Manual de usuario de power point
 
Sesión 09 ci
Sesión 09 ci Sesión 09 ci
Sesión 09 ci
 
Prueba
PruebaPrueba
Prueba
 
sesion 9
sesion 9sesion 9
sesion 9
 
Prueba
PruebaPrueba
Prueba
 
Estudio de mercado
Estudio de mercado Estudio de mercado
Estudio de mercado
 
Pagina Web III
Pagina Web IIIPagina Web III
Pagina Web III
 
Imagenes graficas
Imagenes graficasImagenes graficas
Imagenes graficas
 
Una Página WEB
Una Página WEBUna Página WEB
Una Página WEB
 
Creacion de diapositivas con efectos especiales en power point
Creacion de diapositivas con efectos especiales en power pointCreacion de diapositivas con efectos especiales en power point
Creacion de diapositivas con efectos especiales en power point
 

Destaque (20)

MANUAL HTML BASICO.
MANUAL HTML BASICO.MANUAL HTML BASICO.
MANUAL HTML BASICO.
 
manual de html
manual de htmlmanual de html
manual de html
 
HTML5
HTML5HTML5
HTML5
 
Cuestionario Preparatorio Html, css y html 5
Cuestionario Preparatorio Html, css y html 5Cuestionario Preparatorio Html, css y html 5
Cuestionario Preparatorio Html, css y html 5
 
Apuntes de XML
Apuntes de XMLApuntes de XML
Apuntes de XML
 
Apuntes de DTD
Apuntes de DTDApuntes de DTD
Apuntes de DTD
 
Chuleta de DTD
Chuleta de DTDChuleta de DTD
Chuleta de DTD
 
Tutorial de DTD en PDF
Tutorial de DTD en PDFTutorial de DTD en PDF
Tutorial de DTD en PDF
 
Chuleta de XML
Chuleta de XMLChuleta de XML
Chuleta de XML
 
MANUAL BASICO EN HTML
MANUAL BASICO EN HTMLMANUAL BASICO EN HTML
MANUAL BASICO EN HTML
 
Guia de html 3 y 4 periodo
Guia de html 3 y 4  periodoGuia de html 3 y 4  periodo
Guia de html 3 y 4 periodo
 
Guia 01 html
Guia 01 htmlGuia 01 html
Guia 01 html
 
Guia html
Guia htmlGuia html
Guia html
 
Nociones Básicas del Html
Nociones Básicas del HtmlNociones Básicas del Html
Nociones Básicas del Html
 
Paginas web 1
Paginas web 1Paginas web 1
Paginas web 1
 
El corel draw
El corel drawEl corel draw
El corel draw
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Test de XML
Test de XMLTest de XML
Test de XML
 
Ficha de codigos HTML
Ficha de codigos HTMLFicha de codigos HTML
Ficha de codigos HTML
 
Apuntes de HTML
Apuntes de HTMLApuntes de HTML
Apuntes de HTML
 

Semelhante a GUIA DE HTML (20)

Programación basica en html
Programación basica en htmlProgramación basica en html
Programación basica en html
 
Guia rapida html
Guia rapida htmlGuia rapida html
Guia rapida html
 
Clase 1 - Comandos HTML.PDF
Clase 1 - Comandos HTML.PDFClase 1 - Comandos HTML.PDF
Clase 1 - Comandos HTML.PDF
 
Deber k riss
Deber k rissDeber k riss
Deber k riss
 
Deber vero
Deber veroDeber vero
Deber vero
 
Comandos de html
Comandos de htmlComandos de html
Comandos de html
 
Manual de html
Manual de htmlManual de html
Manual de html
 
HTML
HTMLHTML
HTML
 
presentacion html
presentacion htmlpresentacion html
presentacion html
 
Que es html
Que es htmlQue es html
Que es html
 
Estructura html
Estructura htmlEstructura html
Estructura html
 
Manual html1 (Informatica Aplia Educa)
Manual html1 (Informatica Aplia Educa)Manual html1 (Informatica Aplia Educa)
Manual html1 (Informatica Aplia Educa)
 
comandos de pagina web
comandos de pagina webcomandos de pagina web
comandos de pagina web
 
Prsentacion
Prsentacion Prsentacion
Prsentacion
 
Introducción a Html
Introducción a HtmlIntroducción a Html
Introducción a Html
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Html
HtmlHtml
Html
 
[modo de compatibilidad] HTML
[modo de compatibilidad] HTML[modo de compatibilidad] HTML
[modo de compatibilidad] HTML
 
Pamela montece html, css, codigos
Pamela montece html, css, codigosPamela montece html, css, codigos
Pamela montece html, css, codigos
 
Elianyyyyy
ElianyyyyyElianyyyyy
Elianyyyyy
 

Último

DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADODECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADOJosé Luis Palma
 
la unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscala unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscaeliseo91
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PCCesarFernandez937857
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxEXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxPryhaSalam
 
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIARAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIACarlos Campaña Montenegro
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdfgimenanahuel
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxAna Fernandez
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónLourdes Feria
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfAngélica Soledad Vega Ramírez
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arteRaquel Martín Contreras
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadAlejandrino Halire Ccahuana
 
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxjosetrinidadchavez
 
celula, tipos, teoria celular, energia y dinamica
celula, tipos, teoria celular, energia y dinamicacelula, tipos, teoria celular, energia y dinamica
celula, tipos, teoria celular, energia y dinamicaFlor Idalia Espinoza Ortega
 
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxTECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxKarlaMassielMartinez
 
Manual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfManual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfMaryRotonda1
 
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzprofefilete
 

Último (20)

DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADODECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
 
la unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscala unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fisca
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PC
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxEXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
 
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIARAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docx
 
Unidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la InvestigaciónUnidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la Investigación
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arte
 
Sesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdfSesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdf
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdad
 
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
 
celula, tipos, teoria celular, energia y dinamica
celula, tipos, teoria celular, energia y dinamicacelula, tipos, teoria celular, energia y dinamica
celula, tipos, teoria celular, energia y dinamica
 
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxTECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
 
Manual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfManual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdf
 
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
 

GUIA DE HTML

  • 1. UNIVERSIDAD CENTRAL DEL ECUADOR FACULTAD DE FILOSOFÍA ESCUELA DE CIENCIAS EXACTAS
  • 3. ¿QUÉ ES HTML? • HTML es un lenguaje de hipertexto, se dedica a visualizar objetos, es vinculada a paginas web. En HTML existen directivas (comandos) como son: • DIRECTIVAS ABIERTAS: estas directivas abiertas se las coloca una sola vez en el programa . Ejemplo: <BR> <BODY BACKGROUND> • DIRECTIVAS CERRADAS: estos comandos cerrados se los escribe al comienzo del programa y luego debemos cerrar la directiva. Ejemplo: <CENTER> </CENTER> <TABLE BORDER = “ ”> </TABLE>
  • 4. ESTRUCTURA DE HTML • <HTML> INICIO DEL PROGRAMA • <HEAD> ENCABEZADO DEL PROGRAMA • <TITLE> TITULO DE LA PAGINA • <META> INFORMACION SOBRE LA PAGINA • </HEAD> CIERRA EL ENCABEZADO DE LA PAGINA • <BODY> CUERPO DE LA PAGINA • </BODY> • </HTML>
  • 5. DIRECTIVAS DE HTML DIRECTIVAS TIPO FUNCION <BR> ABIERTA Da un salto de línea <P> </P> CERRADA Elabora párrafos <B> </B> CERRADA Pone en negrita al texto <I> </I> CERRADA Pone en cursiva al texto <U> </U> CERRADA Subraya al texto <S> </S> CERRADA Tacha el texto <CENTER> </CENTER> CERRADA Centra texto o imágenes
  • 6. DIRECTIVAS TIPO FUNCION <LI> Abierta Crea viñetas <OL TYPE = “ ”> </OL> Cerrado Crea viñetas según el tipo que escribas <HR> ABIERTA Crea una línea horizontal <MARQUEE> </MARQUEE> CERRADA Da movimiento a imágenes y texto <FONT FACE =“ “> </FONT> CERRADA Da al texto el tipo de letra requerido <FONT COLOR =“ “> </FONT> CERRADA Da color al texto <FONT SIZE =“ “> </FONT> CERRADA Da tamaño al texto
  • 7. DIRECTIVAS TIPO FUNCION <BODY BACKGRO = “ ”></BODY > CERRADO Coloca imágenes en el fondo <IMG SRC = “ ”> ABIERTA Inserta imágenes en la pagina <P ALIGN = “ ”> </P> CERRADO Alinea al texto o cualquier tipo de dato (derecha, izquierda, centro) <TABLE BORDER> </TABLE> CERRADO Crea tablas dentro de la pagina <TR> </TR> CERRADO Crea filas dentro de la tabla <TD COLSPAN = “ ”> </TD> CERRADO Une las columnas según el tipo <TD ROWSPAN = “ ”> </TD> CERRADO Une las filas según el tipo
  • 8. DIRECTIVAS TIPO FUNCION <EMBED SRC = “ ”> ABIERTA Coloca videos en la pagina <BG SOUND SRC = TEXTO.LOOP = 1> ABIERTA Agrega sonido a la pagina <BODY BGCOLOR =“ ”> </BODY > CERRADO Da color al fondo de la pagina
  • 10. Ejemplo de viñetas código HTML:
  • 11.
  • 12. Ejemplo de como agregar videos en html: