SlideShare una empresa de Scribd logo
1 de 10
Descargar para leer sin conexión
INFORMÁTICA
Examen teórico
Html
⦿ El HTML fue creado en 1980; tenía de objetivo
servir de transmisión de información entre los
científicos que se ocupaban de la física de alta
energía.
¿Qué significa
HTML?
⦿ H: Hiper
⦿ T: Texto
⦿ M: Marcado
⦿ L: Lenguaje
Definición: Lenguaje de marcas de
hipertexto.
Hipertexto hace referencia a los enlaces que
conectan paginas web entre sí. Ya sea
dentro de un único sitio web o entre sitios
web.
Forma de uso.
⦿ Html utiliza “marcas” para etiquetar texto, imágenes y otro
contenido para mostrarlo en un navegador web. Las
marcas HTML incluyen “elementos” especiales como:
⦿ <head>, <title>, <body>,
<header>,<footer>,<article>,<audio>,<img>
<h1>,<u>,<div>,<viedo,><font size=“numero”> Etc.
¿Cómo se usa?
⦿ Cada página comienza con:<HTML>. A continuación viene la
cabecera, con el comando <Head> y </head> para cerrar el
comando y marcar que se ha finalizado el funcionamiento
del dicho.
⦿ Después el comando <Body>, que indica el comienzo del
cuerpo de la página y </body> para finalizar el uso del
comando.
⦿ Entre el comando <body se pueden usar mas comandos
como: <u> que sirve para subrayar textos, y el comando <i>
que sirve para colocar en cursiva todo el texto.
⦿ Los comandos se cierran repitiendo el comando pero antes
de poner la letra iniciamos con el signo “/” ejemplo: </u> <i>
Comandos dentro del
cuerpo.
A continuación se adjuntarán más
etiquetas con su función para
usarlas dentro del comando <Body>
⦿ <p> Sirve para remarcar el texto
con un negro que lo resalta.
⦿ <i> Sirve para que la letra esté
en cursiva.
⦿ <u> Sirve para subrayar textos
⦿ <mark> Sirve para colocar una
linea tipo subrayado en medio
del texto.
⦿ < br> Cumple con la función del
“punto y seguido”. Es necesario
poner este comando, ya que si
se hace con la tecla “enter” no
funcionará.
⦿ <h1> Esta etiqueta permite utilizar
los encabezados
⦿ <font color=“colocar un color con su
nombre en ingles”> Sirve para
cambiar el color del texto.
⦿ <body background=“ ubicación de
un archivo tipo imagen”> Sirve para
colocar una imagen en el fondo del
archivo.
⦿ <html> sirve para
Imágenes
⦿ Para apoyar nuestro proyecto,
podemos agregar contenido
audiovisual con los siguientes
comandos.
⦿ Para agregar una imagen
necesitamos poner el comando:
⦿ <img src=“”>
⦿ Y después de ponerlo necesiamos
poner la dirección de la imagen,
ejemplo:
⦿ <img src=“C:Users3B
2122DesktopSitio WebMateriales
HTmlthrd.jfif”
⦿ También para complementar,
podemos alterar el tamaño de la
imagen, con el siguiente comando.
⦿ width="500" height "250“
⦿ Width significa “ancho”, High
“altura”.
⦿ Para hacer valido se tiene que poner
entre el comando de la imagen,
ejemplo:
<img src=“C:Users3B
2122DesktopSitio WebMateriales
HTmlthrd.jfif” width="500" height
"250“>
Videos
⦿ Para implementar videos, se
utilizan los siguientes comandos.
⦿ <video controls src=“
⦿ Después del signo “igual”, se
coloca la ubicación del archivo,
como ya fue mostrado
anteriormnente. Donde también
se pueden usar los comandos
complementarios
⦿ Ejemplo:
⦿ <video controls src=""</video>
Audios.
⦿ Para agregar audios, vamos a
implementar las reglas anteriores,
que es implementar la ubicación del
archivo después del signo “igual”.
⦿ La etiqueta de audio es la siguiente:
⦿ <audio controls src=""> </audio>
EXAMEN 3°”B”.
MAESTRA ELISA
KEVIN GOVANNI
CABALLERO
GUTIÉRREZ
Fin

Más contenido relacionado

Similar a HTML introducción a lo básico de html .pdf

periódico escolar
periódico escolarperiódico escolar
periódico escolar
ruben3097
 
Manual html1 (Informatica Aplia Educa)
Manual html1 (Informatica Aplia Educa)Manual html1 (Informatica Aplia Educa)
Manual html1 (Informatica Aplia Educa)
Mariscalino2012
 
Diseño de página web
Diseño de página webDiseño de página web
Diseño de página web
Marthalove
 

Similar a HTML introducción a lo básico de html .pdf (20)

Creacion de paginas web
Creacion de paginas webCreacion de paginas web
Creacion de paginas web
 
HTML.pptx
HTML.pptxHTML.pptx
HTML.pptx
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
Curso HTML desde Cero - Capítulo 1
Curso HTML desde Cero - Capítulo 1Curso HTML desde Cero - Capítulo 1
Curso HTML desde Cero - Capítulo 1
 
Lenguaje HTML
Lenguaje HTMLLenguaje HTML
Lenguaje HTML
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 
Escuela Abierta - Taller de Html
Escuela Abierta - Taller de HtmlEscuela Abierta - Taller de Html
Escuela Abierta - Taller de Html
 
Consulta
ConsultaConsulta
Consulta
 
Consulta_
Consulta_Consulta_
Consulta_
 
Inf2 p1 a_exc2_danna
Inf2 p1 a_exc2_dannaInf2 p1 a_exc2_danna
Inf2 p1 a_exc2_danna
 
periódico escolar
periódico escolarperiódico escolar
periódico escolar
 
Inf2_ p1 a_exc2_danna
Inf2_ p1 a_exc2_dannaInf2_ p1 a_exc2_danna
Inf2_ p1 a_exc2_danna
 
Diseño WEB 1.pptx
Diseño WEB 1.pptxDiseño WEB 1.pptx
Diseño WEB 1.pptx
 
Manual html1 (Informatica Aplia Educa)
Manual html1 (Informatica Aplia Educa)Manual html1 (Informatica Aplia Educa)
Manual html1 (Informatica Aplia Educa)
 
Cristhian garcia
Cristhian garciaCristhian garcia
Cristhian garcia
 
Mi primera pagina web en html con bloc de notas
Mi primera pagina web en html con bloc de notasMi primera pagina web en html con bloc de notas
Mi primera pagina web en html con bloc de notas
 
Páginas web (1)
Páginas web (1)Páginas web (1)
Páginas web (1)
 
Páginas web en formato HTML
Páginas web en formato HTMLPáginas web en formato HTML
Páginas web en formato HTML
 
Diseño de página web
Diseño de página webDiseño de página web
Diseño de página web
 
Practicas html
Practicas htmlPracticas html
Practicas html
 

Último

TECNOLOGIA DE LA INFORMACION Y MULTIMEDIA 15 MAYO.pptx
TECNOLOGIA DE LA INFORMACION Y MULTIMEDIA 15 MAYO.pptxTECNOLOGIA DE LA INFORMACION Y MULTIMEDIA 15 MAYO.pptx
TECNOLOGIA DE LA INFORMACION Y MULTIMEDIA 15 MAYO.pptx
UPSE
 
S07_s1-Control Acceso-Amenazas de seguridad de capa 2.pdf
S07_s1-Control Acceso-Amenazas de seguridad de capa 2.pdfS07_s1-Control Acceso-Amenazas de seguridad de capa 2.pdf
S07_s1-Control Acceso-Amenazas de seguridad de capa 2.pdf
larryluna927
 
TECNOLOGÍA DE LA INFORMACIÓN SLIDESHARE INVESTIGACION.pdf
TECNOLOGÍA DE LA INFORMACIÓN SLIDESHARE INVESTIGACION.pdfTECNOLOGÍA DE LA INFORMACIÓN SLIDESHARE INVESTIGACION.pdf
TECNOLOGÍA DE LA INFORMACIÓN SLIDESHARE INVESTIGACION.pdf
UPSE
 

Último (7)

Modelado de Casos de uso del negocio
Modelado de  Casos  de  uso  del negocioModelado de  Casos  de  uso  del negocio
Modelado de Casos de uso del negocio
 
El necesario mal del Legacy Code (Drupal Iberia 2024)
El necesario mal del Legacy Code (Drupal Iberia 2024)El necesario mal del Legacy Code (Drupal Iberia 2024)
El necesario mal del Legacy Code (Drupal Iberia 2024)
 
TECNOLOGIA DE LA INFORMACION Y MULTIMEDIA 15 MAYO.pptx
TECNOLOGIA DE LA INFORMACION Y MULTIMEDIA 15 MAYO.pptxTECNOLOGIA DE LA INFORMACION Y MULTIMEDIA 15 MAYO.pptx
TECNOLOGIA DE LA INFORMACION Y MULTIMEDIA 15 MAYO.pptx
 
S07_s1-Control Acceso-Amenazas de seguridad de capa 2.pdf
S07_s1-Control Acceso-Amenazas de seguridad de capa 2.pdfS07_s1-Control Acceso-Amenazas de seguridad de capa 2.pdf
S07_s1-Control Acceso-Amenazas de seguridad de capa 2.pdf
 
contabilidad para la inflacion, contabilidad superior
contabilidad para la inflacion, contabilidad superiorcontabilidad para la inflacion, contabilidad superior
contabilidad para la inflacion, contabilidad superior
 
Especificación casos de uso del negocio
Especificación  casos de uso del negocioEspecificación  casos de uso del negocio
Especificación casos de uso del negocio
 
TECNOLOGÍA DE LA INFORMACIÓN SLIDESHARE INVESTIGACION.pdf
TECNOLOGÍA DE LA INFORMACIÓN SLIDESHARE INVESTIGACION.pdfTECNOLOGÍA DE LA INFORMACIÓN SLIDESHARE INVESTIGACION.pdf
TECNOLOGÍA DE LA INFORMACIÓN SLIDESHARE INVESTIGACION.pdf
 

HTML introducción a lo básico de html .pdf

  • 2. Html ⦿ El HTML fue creado en 1980; tenía de objetivo servir de transmisión de información entre los científicos que se ocupaban de la física de alta energía.
  • 3. ¿Qué significa HTML? ⦿ H: Hiper ⦿ T: Texto ⦿ M: Marcado ⦿ L: Lenguaje Definición: Lenguaje de marcas de hipertexto. Hipertexto hace referencia a los enlaces que conectan paginas web entre sí. Ya sea dentro de un único sitio web o entre sitios web.
  • 4. Forma de uso. ⦿ Html utiliza “marcas” para etiquetar texto, imágenes y otro contenido para mostrarlo en un navegador web. Las marcas HTML incluyen “elementos” especiales como: ⦿ <head>, <title>, <body>, <header>,<footer>,<article>,<audio>,<img> <h1>,<u>,<div>,<viedo,><font size=“numero”> Etc.
  • 5. ¿Cómo se usa? ⦿ Cada página comienza con:<HTML>. A continuación viene la cabecera, con el comando <Head> y </head> para cerrar el comando y marcar que se ha finalizado el funcionamiento del dicho. ⦿ Después el comando <Body>, que indica el comienzo del cuerpo de la página y </body> para finalizar el uso del comando. ⦿ Entre el comando <body se pueden usar mas comandos como: <u> que sirve para subrayar textos, y el comando <i> que sirve para colocar en cursiva todo el texto. ⦿ Los comandos se cierran repitiendo el comando pero antes de poner la letra iniciamos con el signo “/” ejemplo: </u> <i>
  • 6. Comandos dentro del cuerpo. A continuación se adjuntarán más etiquetas con su función para usarlas dentro del comando <Body> ⦿ <p> Sirve para remarcar el texto con un negro que lo resalta. ⦿ <i> Sirve para que la letra esté en cursiva. ⦿ <u> Sirve para subrayar textos ⦿ <mark> Sirve para colocar una linea tipo subrayado en medio del texto. ⦿ < br> Cumple con la función del “punto y seguido”. Es necesario poner este comando, ya que si se hace con la tecla “enter” no funcionará. ⦿ <h1> Esta etiqueta permite utilizar los encabezados ⦿ <font color=“colocar un color con su nombre en ingles”> Sirve para cambiar el color del texto. ⦿ <body background=“ ubicación de un archivo tipo imagen”> Sirve para colocar una imagen en el fondo del archivo. ⦿ <html> sirve para
  • 7. Imágenes ⦿ Para apoyar nuestro proyecto, podemos agregar contenido audiovisual con los siguientes comandos. ⦿ Para agregar una imagen necesitamos poner el comando: ⦿ <img src=“”> ⦿ Y después de ponerlo necesiamos poner la dirección de la imagen, ejemplo: ⦿ <img src=“C:Users3B 2122DesktopSitio WebMateriales HTmlthrd.jfif” ⦿ También para complementar, podemos alterar el tamaño de la imagen, con el siguiente comando. ⦿ width="500" height "250“ ⦿ Width significa “ancho”, High “altura”. ⦿ Para hacer valido se tiene que poner entre el comando de la imagen, ejemplo: <img src=“C:Users3B 2122DesktopSitio WebMateriales HTmlthrd.jfif” width="500" height "250“>
  • 8. Videos ⦿ Para implementar videos, se utilizan los siguientes comandos. ⦿ <video controls src=“ ⦿ Después del signo “igual”, se coloca la ubicación del archivo, como ya fue mostrado anteriormnente. Donde también se pueden usar los comandos complementarios ⦿ Ejemplo: ⦿ <video controls src=""</video>
  • 9. Audios. ⦿ Para agregar audios, vamos a implementar las reglas anteriores, que es implementar la ubicación del archivo después del signo “igual”. ⦿ La etiqueta de audio es la siguiente: ⦿ <audio controls src=""> </audio>
  • 10. EXAMEN 3°”B”. MAESTRA ELISA KEVIN GOVANNI CABALLERO GUTIÉRREZ Fin