SlideShare una empresa de Scribd logo
1 de 14
¿Qué es, que hace?

    Lenguaje de marcas de texto.


    Es simplemente un procesador de texto, como el que ofrecen
    los sistemas operativos Windows (Bloc de notas), UNIX(el editor
    vi o ed) o el que ofrece MS Office (Word).


¿Qué no es, que no hace?

    HTML no es propiamente un lenguaje de programación como
    C++,Visual Basic, etc.

    No presenta ningún compilador, por lo tanto algún error de
    sintaxis que se presente éste no lo detectará,
¿Que es?

Se puede decir que será un texto incluido entre los símbolos <….>
este texto será una orden para que explique la utilidad de la etiqueta, y
es indistinto que se escriba en mayúsculas o minúsculas se le puede
decir comando o código.
Tipos
Cerradas:
Son aquellas que tienen una etiqueta que indica el principio de la
directiva y otra que indica el final. La del final contendrá el mismo texto
añadiendo al principio del carácter el símbolo /.
Ejemplo: <center>…………….</center>

Abiertas:
Las directivas abiertas por el contrario constan de una sola etiqueta
Ejemplo: <hr>, <br>
<HTML>       Indica el inicio del documento
 <HEAD>      Indica el inicio del encabezado
  <TITLE>    Indica el inicio del titulo
   <META>    Se utiliza para añadir información sobre la página
  </TITLE>    Indica el final del titulo
 </HEAD>      Indica el final del encabezado
<BODY>        Indica el final del cuerpo
</BODY>       Indica el final del cuerpo
</HTML>       Indica el final del documento
<Body bgcolor=“red”>……………………. </Body>
Complemento de directiva nos permite poner color en el
fondo del documento este debe estar escrito en ingles y
también se lo puede poner en sistema hexadecimal

<Body background=“C:/mis_imagenes”>……… </Body>
Complemento de directiva nos permite poner una
imagen en el fondo del documento debemos escribir la
dirección por completo de donde esta la imagen.


Para evitar inconvenientes es mejor ubicar todo las imágenes y
documentos que manejamos en una sola carpeta y así nos ahorramos
escribir direcciones completas, solo nombres.
Mediante los títulos, en sus diferentes niveles de
importancia, podemos definir el esqueleto del
documento, su estructura básica.

<h1>Mucha importancia</h1>

<h2>Menos importancia</h2>

<h3>Mucha menos importancia</h3>
Mediante estos atributos determinamos el estilo y el
 tipo de letra que tendrá la presentación del documento
 final
<font> para definir partes limitadas de texto </font>
<font face=“tipo de letra”> define tipo de letra a visualizar </font>
<font color=color> define color de letra a visualizar</font>
<font size= # > define tamaño de letra a visualizar se debe poner un numero
natural </font>

Aunque todas esta directivas pueden usarse en una sola línea por ejemplo

<font face=“arial” color=“red” size=10>……………….</font>
SE PUEDEN DAR TAMBIÉN LOS ATRIBUTOS MÁS
TRADICIONALES: NEGRITA Y CURSIVA, ETC.


<br> para marcar un fin de una línea
<p> para marcar un fin de párrafo</p>
<b>esto en negrita</b>
<i>esto en cursiva</i>
<u>esto es subrayado</u>
<s> esto es tachado</s>
<marquee> Texto o imagen que queremos animar
</marquee>
<marquee direction=“up”> de abajo hacia arriba
</marquee>
<marquee direction=“down”> de arriba hacia abajo
</marquee>
<marquee direction=“right”> de derecha a izquierda
</marquee>
<marquee direction=“left”> de izquierda a derecha
</marquee>
<marquee behavior=“alternate”> izquierda a derecha y
viceversa </marquee>
Esto es una lista no numerada:

 <ul>
 <li>Tomates
 <li>Zanahorias
 <li>Perros
 </ul>

 Se puede utilizar el complemento:

 <ul type=“square”> para viñetas rectangulares.
 <ul type=“circle”> para viñetas circulares.



La directiva <li> Se utiliza para cada uno de los elementos de una lista.
Esto una lista numerada:

 <ol>
 <li>Miguel Induráin
 <li>Tony Rominger
 <li>Eugeni Berzin
 </ol>

 Se puede utilizar el complemento:

 <ol style= I > para una lista en números romanos.


La directiva <li> Se utiliza para cada uno de los elementos de una lista.
<Img src=“c:/mis_documentos/mipag/imagen.jpg”>
Permite poner imágenes de tipo jpg, gif, pcg, etc en el
documento o pagina, dentro de las comillas debemos
digitar la dirección completa del lugar donde esta la foto

                      VIDEOS
<embed src=“c:/mis_documentos/mipag/video.mpg”>
Permite poner videos de tipo avi, mpg, mp4, etc. En el
documento o pagina, dentro de las comillas debemos
digitar la dirección completa del lugar donde esta el
video
La manera que insertar videos de youtube a nuestra pagina o
documento es la siguiente:
En la pagina de youtube encontraremos estas opciones



Presionamos “compartir”
Entonces nos aparece otros botones:


Al darle clic en el botón insertar aparecerá un código lo copiamos
íntegramente sin hacer cambios e insertamos en el documento justo
en el lugar donde queramos que el video aparezca
La manera que insertar diapositivas a nuestra pagina o
documento es la siguiente:
En la pagina en la cual visualicemos las diapositivas
encontraremos estas opciones



Nos aparecerá un código lo copiamos íntegramente sin
hacer cambios e insertamos en el documento justo en el
lugar donde queramos que el video aparezca

Más contenido relacionado

La actualidad más candente

La actualidad más candente (15)

Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
Introducción al HTML
Introducción al HTML Introducción al HTML
Introducción al HTML
 
Manual de html
Manual de htmlManual de html
Manual de html
 
¿Qué es HTML5?
¿Qué es HTML5?¿Qué es HTML5?
¿Qué es HTML5?
 
10 etiquetas basicas de html
10 etiquetas basicas de html10 etiquetas basicas de html
10 etiquetas basicas de html
 
Informatika 1111111
Informatika 1111111Informatika 1111111
Informatika 1111111
 
Html 1
Html 1Html 1
Html 1
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Expo Html
Expo HtmlExpo Html
Expo Html
 
¿Qué es CSS?
¿Qué es CSS?¿Qué es CSS?
¿Qué es CSS?
 
Html111
Html111Html111
Html111
 
Lenguaje html
Lenguaje htmlLenguaje html
Lenguaje html
 
Utilizar etiquetasen una pagina web
Utilizar etiquetasen una pagina webUtilizar etiquetasen una pagina web
Utilizar etiquetasen una pagina web
 
Portafolio de programación Joe Holguin 2c2
Portafolio de programación Joe Holguin 2c2Portafolio de programación Joe Holguin 2c2
Portafolio de programación Joe Holguin 2c2
 

Destacado

Barra de herramientas
Barra de herramientasBarra de herramientas
Barra de herramientasJenii Moreno
 
diseño de proyectos evaluacion nacional
diseño de proyectos evaluacion nacionaldiseño de proyectos evaluacion nacional
diseño de proyectos evaluacion nacionalleidycyta
 
Ani9malitos
Ani9malitosAni9malitos
Ani9malitosdaniefer
 
Metodo cientifico y fases de solucion de problemas de eduardo chavez
Metodo cientifico y fases de solucion de problemas de eduardo chavezMetodo cientifico y fases de solucion de problemas de eduardo chavez
Metodo cientifico y fases de solucion de problemas de eduardo chavezjesuseduardochavez
 
Elinaceptablecostodelosmalosjefes 120529024327-phpapp02
Elinaceptablecostodelosmalosjefes 120529024327-phpapp02Elinaceptablecostodelosmalosjefes 120529024327-phpapp02
Elinaceptablecostodelosmalosjefes 120529024327-phpapp02Angel Humberto Becerra
 
Contabilidad rodriguez
Contabilidad rodriguezContabilidad rodriguez
Contabilidad rodriguezcarlenca
 
Tecnicas de ensenanza
Tecnicas de ensenanzaTecnicas de ensenanza
Tecnicas de ensenanzaVicky Castro
 
La vida sin amor no tiene sentido...!!
La vida sin amor no tiene sentido...!!La vida sin amor no tiene sentido...!!
La vida sin amor no tiene sentido...!!Juan Tovar
 
Fotonovela - Fausto y Pancrasio
Fotonovela - Fausto y PancrasioFotonovela - Fausto y Pancrasio
Fotonovela - Fausto y PancrasioMica Flores
 
El constructivismo
El constructivismoEl constructivismo
El constructivismorocelaa
 

Destacado (20)

Aporte diapositivas
Aporte diapositivasAporte diapositivas
Aporte diapositivas
 
Barra de herramientas
Barra de herramientasBarra de herramientas
Barra de herramientas
 
Canción de navidad.pptx zamy
Canción de navidad.pptx zamyCanción de navidad.pptx zamy
Canción de navidad.pptx zamy
 
diseño de proyectos evaluacion nacional
diseño de proyectos evaluacion nacionaldiseño de proyectos evaluacion nacional
diseño de proyectos evaluacion nacional
 
Ani9malitos
Ani9malitosAni9malitos
Ani9malitos
 
INDEPENDENCIA DE EEUU
INDEPENDENCIA DE EEUUINDEPENDENCIA DE EEUU
INDEPENDENCIA DE EEUU
 
Milagrosodivinoniojess
MilagrosodivinoniojessMilagrosodivinoniojess
Milagrosodivinoniojess
 
Metodo cientifico y fases de solucion de problemas de eduardo chavez
Metodo cientifico y fases de solucion de problemas de eduardo chavezMetodo cientifico y fases de solucion de problemas de eduardo chavez
Metodo cientifico y fases de solucion de problemas de eduardo chavez
 
Medio Ambienta
Medio AmbientaMedio Ambienta
Medio Ambienta
 
Elinaceptablecostodelosmalosjefes 120529024327-phpapp02
Elinaceptablecostodelosmalosjefes 120529024327-phpapp02Elinaceptablecostodelosmalosjefes 120529024327-phpapp02
Elinaceptablecostodelosmalosjefes 120529024327-phpapp02
 
Blog
BlogBlog
Blog
 
Uso de acces y excel
Uso de acces y excelUso de acces y excel
Uso de acces y excel
 
Contabilidad rodriguez
Contabilidad rodriguezContabilidad rodriguez
Contabilidad rodriguez
 
Sistema de gestores de base de datos
Sistema de gestores de base de datosSistema de gestores de base de datos
Sistema de gestores de base de datos
 
Recreacion
RecreacionRecreacion
Recreacion
 
Tecnicas de ensenanza
Tecnicas de ensenanzaTecnicas de ensenanza
Tecnicas de ensenanza
 
La vida sin amor no tiene sentido...!!
La vida sin amor no tiene sentido...!!La vida sin amor no tiene sentido...!!
La vida sin amor no tiene sentido...!!
 
Presentación en el IX Foro Igualdad Emakunde-2012
Presentación en el IX Foro Igualdad Emakunde-2012Presentación en el IX Foro Igualdad Emakunde-2012
Presentación en el IX Foro Igualdad Emakunde-2012
 
Fotonovela - Fausto y Pancrasio
Fotonovela - Fausto y PancrasioFotonovela - Fausto y Pancrasio
Fotonovela - Fausto y Pancrasio
 
El constructivismo
El constructivismoEl constructivismo
El constructivismo
 

Similar a Introducción a HTML (20)

Unidad # 1
Unidad # 1Unidad # 1
Unidad # 1
 
Unidad # 1
Unidad # 1Unidad # 1
Unidad # 1
 
Intro html
Intro htmlIntro html
Intro html
 
Practicas html
Practicas htmlPracticas html
Practicas html
 
HTML
HTMLHTML
HTML
 
HTML
HTMLHTML
HTML
 
Guia básica html
Guia básica htmlGuia básica html
Guia básica html
 
Lenguaje HTML
Lenguaje HTMLLenguaje HTML
Lenguaje HTML
 
Curso de HTML.pdf
Curso de HTML.pdfCurso de HTML.pdf
Curso de HTML.pdf
 
Curso de HTML 6to PRIMARIA.docx
Curso de HTML 6to PRIMARIA.docxCurso de HTML 6to PRIMARIA.docx
Curso de HTML 6to PRIMARIA.docx
 
LENGUAJE HTML
LENGUAJE HTMLLENGUAJE HTML
LENGUAJE HTML
 
HTML
HTMLHTML
HTML
 
Manual de-html
Manual de-htmlManual de-html
Manual de-html
 
Conceptos Etiquetas de HTML
Conceptos Etiquetas de HTMLConceptos Etiquetas de HTML
Conceptos Etiquetas de HTML
 
Manual intencivo de htlm
Manual intencivo de htlmManual intencivo de htlm
Manual intencivo de htlm
 
Actividad nº6
Actividad nº6Actividad nº6
Actividad nº6
 
Retro2011brandon
Retro2011brandonRetro2011brandon
Retro2011brandon
 
Retro2011brandon
Retro2011brandonRetro2011brandon
Retro2011brandon
 
Retro2011brandon
Retro2011brandonRetro2011brandon
Retro2011brandon
 
emded/Retro2011brandon
emded/Retro2011brandonemded/Retro2011brandon
emded/Retro2011brandon
 

Último

4° SES COM MAR 09 Leemos una noticia del dengue e identificamos sus partes (1...
4° SES COM MAR 09 Leemos una noticia del dengue e identificamos sus partes (1...4° SES COM MAR 09 Leemos una noticia del dengue e identificamos sus partes (1...
4° SES COM MAR 09 Leemos una noticia del dengue e identificamos sus partes (1...MagalyDacostaPea
 
HISPANIDAD - La cultura común de la HISPANOAMERICA
HISPANIDAD - La cultura común de la HISPANOAMERICAHISPANIDAD - La cultura común de la HISPANOAMERICA
HISPANIDAD - La cultura común de la HISPANOAMERICAJesus Gonzalez Losada
 
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024gharce
 
Presentación Bloque 3 Actividad 2 transversal.pptx
Presentación Bloque 3 Actividad 2 transversal.pptxPresentación Bloque 3 Actividad 2 transversal.pptx
Presentación Bloque 3 Actividad 2 transversal.pptxRosabel UA
 
ENSEÑAR ACUIDAR EL MEDIO AMBIENTE ES ENSEÑAR A VALORAR LA VIDA.
ENSEÑAR ACUIDAR  EL MEDIO AMBIENTE ES ENSEÑAR A VALORAR LA VIDA.ENSEÑAR ACUIDAR  EL MEDIO AMBIENTE ES ENSEÑAR A VALORAR LA VIDA.
ENSEÑAR ACUIDAR EL MEDIO AMBIENTE ES ENSEÑAR A VALORAR LA VIDA.karlazoegarciagarcia
 
Fichas de Matemática DE SEGUNDO DE SECUNDARIA.pdf
Fichas de Matemática DE SEGUNDO DE SECUNDARIA.pdfFichas de Matemática DE SEGUNDO DE SECUNDARIA.pdf
Fichas de Matemática DE SEGUNDO DE SECUNDARIA.pdfssuser50d1252
 
PRIMER GRADO SOY LECTOR PART1- MD EDUCATIVO.pdf
PRIMER GRADO SOY LECTOR PART1- MD  EDUCATIVO.pdfPRIMER GRADO SOY LECTOR PART1- MD  EDUCATIVO.pdf
PRIMER GRADO SOY LECTOR PART1- MD EDUCATIVO.pdfGabrieldeJesusLopezG
 
PLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADO
PLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADOPLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADO
PLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADOMARIBEL DIAZ
 
Actividades eclipse solar 2024 Educacion
Actividades eclipse solar 2024 EducacionActividades eclipse solar 2024 Educacion
Actividades eclipse solar 2024 Educacionviviantorres91
 
DIGNITAS INFINITA - DIGNIDAD HUMANA; Declaración del dicasterio para la doctr...
DIGNITAS INFINITA - DIGNIDAD HUMANA; Declaración del dicasterio para la doctr...DIGNITAS INFINITA - DIGNIDAD HUMANA; Declaración del dicasterio para la doctr...
DIGNITAS INFINITA - DIGNIDAD HUMANA; Declaración del dicasterio para la doctr...Martin M Flynn
 
El PROGRAMA DE TUTORÍAS PARA EL APRENDIZAJE Y LA FORMACIÓN INTEGRAL PTA/F
El PROGRAMA DE TUTORÍAS PARA EL APRENDIZAJE Y LA FORMACIÓN INTEGRAL PTA/FEl PROGRAMA DE TUTORÍAS PARA EL APRENDIZAJE Y LA FORMACIÓN INTEGRAL PTA/F
El PROGRAMA DE TUTORÍAS PARA EL APRENDIZAJE Y LA FORMACIÓN INTEGRAL PTA/FJulio Lozano
 
TEMA 13. LOS GOBIERNOS DEMOCRÁTICOS (1982-2018)
TEMA 13. LOS GOBIERNOS DEMOCRÁTICOS (1982-2018)TEMA 13. LOS GOBIERNOS DEMOCRÁTICOS (1982-2018)
TEMA 13. LOS GOBIERNOS DEMOCRÁTICOS (1982-2018)jlorentemartos
 
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsxJuanpm27
 
Actividad transversal 2-bloque 2. Actualización 2024
Actividad transversal 2-bloque 2. Actualización 2024Actividad transversal 2-bloque 2. Actualización 2024
Actividad transversal 2-bloque 2. Actualización 2024Rosabel UA
 
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...YobanaZevallosSantil1
 
describimos como son afectados las regiones naturales del peru por la ola de ...
describimos como son afectados las regiones naturales del peru por la ola de ...describimos como son afectados las regiones naturales del peru por la ola de ...
describimos como son afectados las regiones naturales del peru por la ola de ...DavidBautistaFlores1
 
Presentación de cita directa según el Manual de APA
Presentación de cita directa según el Manual de APAPresentación de cita directa según el Manual de APA
Presentación de cita directa según el Manual de APAlcolon
 
Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...
Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...
Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...Carol Andrea Eraso Guerrero
 

Último (20)

¿Amor o egoísmo? Esa es la cuestión.pptx
¿Amor o egoísmo? Esa es la cuestión.pptx¿Amor o egoísmo? Esa es la cuestión.pptx
¿Amor o egoísmo? Esa es la cuestión.pptx
 
4° SES COM MAR 09 Leemos una noticia del dengue e identificamos sus partes (1...
4° SES COM MAR 09 Leemos una noticia del dengue e identificamos sus partes (1...4° SES COM MAR 09 Leemos una noticia del dengue e identificamos sus partes (1...
4° SES COM MAR 09 Leemos una noticia del dengue e identificamos sus partes (1...
 
PPTX: La luz brilla en la oscuridad.pptx
PPTX: La luz brilla en la oscuridad.pptxPPTX: La luz brilla en la oscuridad.pptx
PPTX: La luz brilla en la oscuridad.pptx
 
HISPANIDAD - La cultura común de la HISPANOAMERICA
HISPANIDAD - La cultura común de la HISPANOAMERICAHISPANIDAD - La cultura común de la HISPANOAMERICA
HISPANIDAD - La cultura común de la HISPANOAMERICA
 
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
 
Presentación Bloque 3 Actividad 2 transversal.pptx
Presentación Bloque 3 Actividad 2 transversal.pptxPresentación Bloque 3 Actividad 2 transversal.pptx
Presentación Bloque 3 Actividad 2 transversal.pptx
 
ENSEÑAR ACUIDAR EL MEDIO AMBIENTE ES ENSEÑAR A VALORAR LA VIDA.
ENSEÑAR ACUIDAR  EL MEDIO AMBIENTE ES ENSEÑAR A VALORAR LA VIDA.ENSEÑAR ACUIDAR  EL MEDIO AMBIENTE ES ENSEÑAR A VALORAR LA VIDA.
ENSEÑAR ACUIDAR EL MEDIO AMBIENTE ES ENSEÑAR A VALORAR LA VIDA.
 
Fichas de Matemática DE SEGUNDO DE SECUNDARIA.pdf
Fichas de Matemática DE SEGUNDO DE SECUNDARIA.pdfFichas de Matemática DE SEGUNDO DE SECUNDARIA.pdf
Fichas de Matemática DE SEGUNDO DE SECUNDARIA.pdf
 
PRIMER GRADO SOY LECTOR PART1- MD EDUCATIVO.pdf
PRIMER GRADO SOY LECTOR PART1- MD  EDUCATIVO.pdfPRIMER GRADO SOY LECTOR PART1- MD  EDUCATIVO.pdf
PRIMER GRADO SOY LECTOR PART1- MD EDUCATIVO.pdf
 
PLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADO
PLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADOPLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADO
PLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADO
 
Actividades eclipse solar 2024 Educacion
Actividades eclipse solar 2024 EducacionActividades eclipse solar 2024 Educacion
Actividades eclipse solar 2024 Educacion
 
DIGNITAS INFINITA - DIGNIDAD HUMANA; Declaración del dicasterio para la doctr...
DIGNITAS INFINITA - DIGNIDAD HUMANA; Declaración del dicasterio para la doctr...DIGNITAS INFINITA - DIGNIDAD HUMANA; Declaración del dicasterio para la doctr...
DIGNITAS INFINITA - DIGNIDAD HUMANA; Declaración del dicasterio para la doctr...
 
El PROGRAMA DE TUTORÍAS PARA EL APRENDIZAJE Y LA FORMACIÓN INTEGRAL PTA/F
El PROGRAMA DE TUTORÍAS PARA EL APRENDIZAJE Y LA FORMACIÓN INTEGRAL PTA/FEl PROGRAMA DE TUTORÍAS PARA EL APRENDIZAJE Y LA FORMACIÓN INTEGRAL PTA/F
El PROGRAMA DE TUTORÍAS PARA EL APRENDIZAJE Y LA FORMACIÓN INTEGRAL PTA/F
 
TEMA 13. LOS GOBIERNOS DEMOCRÁTICOS (1982-2018)
TEMA 13. LOS GOBIERNOS DEMOCRÁTICOS (1982-2018)TEMA 13. LOS GOBIERNOS DEMOCRÁTICOS (1982-2018)
TEMA 13. LOS GOBIERNOS DEMOCRÁTICOS (1982-2018)
 
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
 
Actividad transversal 2-bloque 2. Actualización 2024
Actividad transversal 2-bloque 2. Actualización 2024Actividad transversal 2-bloque 2. Actualización 2024
Actividad transversal 2-bloque 2. Actualización 2024
 
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...
 
describimos como son afectados las regiones naturales del peru por la ola de ...
describimos como son afectados las regiones naturales del peru por la ola de ...describimos como son afectados las regiones naturales del peru por la ola de ...
describimos como son afectados las regiones naturales del peru por la ola de ...
 
Presentación de cita directa según el Manual de APA
Presentación de cita directa según el Manual de APAPresentación de cita directa según el Manual de APA
Presentación de cita directa según el Manual de APA
 
Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...
Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...
Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...
 

Introducción a HTML

  • 1.
  • 2. ¿Qué es, que hace? Lenguaje de marcas de texto. Es simplemente un procesador de texto, como el que ofrecen los sistemas operativos Windows (Bloc de notas), UNIX(el editor vi o ed) o el que ofrece MS Office (Word). ¿Qué no es, que no hace? HTML no es propiamente un lenguaje de programación como C++,Visual Basic, etc. No presenta ningún compilador, por lo tanto algún error de sintaxis que se presente éste no lo detectará,
  • 3. ¿Que es? Se puede decir que será un texto incluido entre los símbolos <….> este texto será una orden para que explique la utilidad de la etiqueta, y es indistinto que se escriba en mayúsculas o minúsculas se le puede decir comando o código. Tipos Cerradas: Son aquellas que tienen una etiqueta que indica el principio de la directiva y otra que indica el final. La del final contendrá el mismo texto añadiendo al principio del carácter el símbolo /. Ejemplo: <center>…………….</center> Abiertas: Las directivas abiertas por el contrario constan de una sola etiqueta Ejemplo: <hr>, <br>
  • 4. <HTML> Indica el inicio del documento <HEAD> Indica el inicio del encabezado <TITLE> Indica el inicio del titulo <META> Se utiliza para añadir información sobre la página </TITLE> Indica el final del titulo </HEAD> Indica el final del encabezado <BODY> Indica el final del cuerpo </BODY> Indica el final del cuerpo </HTML> Indica el final del documento
  • 5. <Body bgcolor=“red”>……………………. </Body> Complemento de directiva nos permite poner color en el fondo del documento este debe estar escrito en ingles y también se lo puede poner en sistema hexadecimal <Body background=“C:/mis_imagenes”>……… </Body> Complemento de directiva nos permite poner una imagen en el fondo del documento debemos escribir la dirección por completo de donde esta la imagen. Para evitar inconvenientes es mejor ubicar todo las imágenes y documentos que manejamos en una sola carpeta y así nos ahorramos escribir direcciones completas, solo nombres.
  • 6. Mediante los títulos, en sus diferentes niveles de importancia, podemos definir el esqueleto del documento, su estructura básica. <h1>Mucha importancia</h1> <h2>Menos importancia</h2> <h3>Mucha menos importancia</h3>
  • 7. Mediante estos atributos determinamos el estilo y el tipo de letra que tendrá la presentación del documento final <font> para definir partes limitadas de texto </font> <font face=“tipo de letra”> define tipo de letra a visualizar </font> <font color=color> define color de letra a visualizar</font> <font size= # > define tamaño de letra a visualizar se debe poner un numero natural </font> Aunque todas esta directivas pueden usarse en una sola línea por ejemplo <font face=“arial” color=“red” size=10>……………….</font>
  • 8. SE PUEDEN DAR TAMBIÉN LOS ATRIBUTOS MÁS TRADICIONALES: NEGRITA Y CURSIVA, ETC. <br> para marcar un fin de una línea <p> para marcar un fin de párrafo</p> <b>esto en negrita</b> <i>esto en cursiva</i> <u>esto es subrayado</u> <s> esto es tachado</s>
  • 9. <marquee> Texto o imagen que queremos animar </marquee> <marquee direction=“up”> de abajo hacia arriba </marquee> <marquee direction=“down”> de arriba hacia abajo </marquee> <marquee direction=“right”> de derecha a izquierda </marquee> <marquee direction=“left”> de izquierda a derecha </marquee> <marquee behavior=“alternate”> izquierda a derecha y viceversa </marquee>
  • 10. Esto es una lista no numerada: <ul> <li>Tomates <li>Zanahorias <li>Perros </ul> Se puede utilizar el complemento: <ul type=“square”> para viñetas rectangulares. <ul type=“circle”> para viñetas circulares. La directiva <li> Se utiliza para cada uno de los elementos de una lista.
  • 11. Esto una lista numerada: <ol> <li>Miguel Induráin <li>Tony Rominger <li>Eugeni Berzin </ol> Se puede utilizar el complemento: <ol style= I > para una lista en números romanos. La directiva <li> Se utiliza para cada uno de los elementos de una lista.
  • 12. <Img src=“c:/mis_documentos/mipag/imagen.jpg”> Permite poner imágenes de tipo jpg, gif, pcg, etc en el documento o pagina, dentro de las comillas debemos digitar la dirección completa del lugar donde esta la foto VIDEOS <embed src=“c:/mis_documentos/mipag/video.mpg”> Permite poner videos de tipo avi, mpg, mp4, etc. En el documento o pagina, dentro de las comillas debemos digitar la dirección completa del lugar donde esta el video
  • 13. La manera que insertar videos de youtube a nuestra pagina o documento es la siguiente: En la pagina de youtube encontraremos estas opciones Presionamos “compartir” Entonces nos aparece otros botones: Al darle clic en el botón insertar aparecerá un código lo copiamos íntegramente sin hacer cambios e insertamos en el documento justo en el lugar donde queramos que el video aparezca
  • 14. La manera que insertar diapositivas a nuestra pagina o documento es la siguiente: En la pagina en la cual visualicemos las diapositivas encontraremos estas opciones Nos aparecerá un código lo copiamos íntegramente sin hacer cambios e insertamos en el documento justo en el lugar donde queramos que el video aparezca