SlideShare una empresa de Scribd logo
1 de 4
CONSULTA
1. QUE SON CODIGOS HTML
El Lenguaje de Marcado de Hipertexto (HTML) es el código que se utiliza
para estructurar y desplegar una página web y sus contenidos. Por
ejemplo, sus contenidos podrían ser párrafos, una lista con viñetas, o
imágenes y tablas de datos.
HTML no es un lenguaje de programación; es un lenguaje de
marcado que define la estructura de tu contenido. HTML consiste en una
serie de elementos que usarás para encerrar diferentes partes del
contenido para que se vean o comporten de una determinada manera.
Las etiquetas de encierre pueden hacer de una palabra o una imagen un
hipervínculo a otro sitio, se pueden cambiar palabras a cursiva, agrandar
o achicar la letra, etc.
El hipertexto es lo que permite que se pueda navegar por medio de la
red y dentro de las páginas web, pues facilita que al dar clic en un texto,
llamado hipervínculo, puedas dirigirte a la siguiente página.
HTML se conforma por una serie de elementos que se emplean para
enmarcar diferentes partes de un contenido para que se observen o se
comporten de una manera determinada. Por ejemplo, dar un formato
diferente a una parte del texto o crear hipervínculos a otros sitios.
Se encarga de todo lo relacionado con la estructura de un sitio web, como
secciones, encabezados, párrafos, etcétera.
2. DEFINE LAS SIGLAS HTML
Las siglas HTML quieren decir HyperText Markup Language lo cual
significa “lenguajes de marcas de hipertexto”, se basa en un lenguaje de
marcas para crear documentos que puedan ser distribuidos por Internet.
3. PORQUE EL LENGUAJE HTML NECESITA UN EDITOR DE TEXTO
El lenguaje HTML necesita de un editor de texto ya que por medio de este
es que el usuario introduce los códigos con la información que requiere
introducir a su página web, estos editores de texto se han convertido en
el aliado número uno de los usuarios del lenguaje HTML debido a la
facilidad de uso y acceso que ofrece.
4. QUÉ ES UN EDITOR DE TEXTO
Un editor de texto es cualquier programa de procesamiento de texto que
puedes usar para escribir y editar un texto, como Word Pad y NotePad
para Windows y SimpleText y TextEdit para Mac.
Se trata de un programa informático que te permitirá editar o crear
archivos digitales compuestos únicamente por textos sin formato. Es
decir, archivos que no contengan formato de texto específico y que son
conocidos comúnmente como archivos de texto o texto plano.
5. EN DONDE SE UTILIZAN
Los editores de texto son incluidos en el sistema operativo o en algún
paquete de software instalado, y se usan cuando se deben crear o
modificar archivos de texto como archivos de configuración, lenguaje de
programación interpretado (scripts) o el código fuente de algún programa.
6. COMO SE INSERTAN LOS CODIGOS EN WIX O EN JIMDO DE
ACUERDO A LA PAGINA WEB QUE ESTEN UTILIZANDO.
 Editor de Wix: incrustar un sitio o un widget
Editando HTML a tu Wix
1. Ir a “Widgets” > HTML
2. Selecciona el widget HTML de tu elección: Facebook, Viemo, Google
Calendar, etc
3. Haz clic en “Opciones”
4. Pega tu código de inserción en el cuadro de “Insertar código HTML”
(cuadro de texto a la derecha del widget HTML)
**Consejo: Asegúrate de eliminar cualquier código existente**
5. Actualiza el Ancho y Alto: Si no tienes las medidas, busca width=”XX” /
height=”XX” dentro de tu código. Por ejemplo, “ancho = 334”. A
continuación, ingresa 334 en ancho de campo.
6. Haz clic en “Aceptar”
7. Para ver tu Widget HTML debes primero guardar el documento. Ve a
“Mi Cuenta” encuentra tu sitio y haz clic en “Ver”.
Nota: Los Widgets HTML no son visibles en el editor, ni en la opción de
vista previa. Observa que el código siempre aparece en la capa frontal en
el editor Wix.
7. CUAL ES LA DIFERENCIA ENTRE UN CODIGO HTML Y UN
ENLACE NORMAL
HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten
dirigirnos a otras páginas, saltos de línea, listas, tablas, etc.
ENLACE NORMAL también conocido como link o hipervínculo, es cualquier
texto o imagen que se encuentra en una página web y en la que el usuario puede
pulsar o clicar para ser dirigido a otro contenido diferente
8. CUALES SON LOS CODIGOS HTML BASICOS PARA LAS
PAGINAS WEB
 < HTML > ... < /HTML > : Indica el comienzo y fin de un archivo HTML
 < HEAD > ... < /HEAD > : Indica el comienzo y fin de un encabezado
(aquí se coloca generalmente el título).
 < TITLE > ... < /TITLE > : Indica el título.
 < BODY > ... < /BODY > : Indica el comienzo y fin del cuerpo de la
página.
 < P > ... < /P > : Indica comienzo y fin de un párrafo.
 < BR > : Permite saltarse una línea (se llama quiebre de línea).
 < Hn > ... < Hn > : Para n entre 1 y 6, hacen que el texto encerrado
aparezca como encabezado (un subtítulo). Se recomienda usar sólo
1,2 y 3.
 Tipos de letras:
 < B > ... < /B > : Negrita.
 < L > ... < /L > : Cursiva.
 < BLINK > ... < /BLINK > : Parpadeante.
 < STRONG > ... < /STRONG > : Enfatizada.
 < UL > ... < /UL > : Indica comienzo y fin de una lista no ordenada
(puntos). Dentro de ellos, cada item empieza por < LI > y termina al
terminar la línea.
 < OL > ... < /OL > : Indica comienzo y fin de una lista ordenada
(números). Dentro de ellos, cada item empieza por < LI > y termina al
terminar la línea

Más contenido relacionado

Similar a Codigo HTML.docx (20)

CONSULTA.docx
CONSULTA.docxCONSULTA.docx
CONSULTA.docx
 
Introducción al HTML
Introducción al HTMLIntroducción al HTML
Introducción al HTML
 
Apuntes de HTML 1
Apuntes de HTML 1Apuntes de HTML 1
Apuntes de HTML 1
 
Tarea
TareaTarea
Tarea
 
Clase 1
Clase 1Clase 1
Clase 1
 
Tarea
TareaTarea
Tarea
 
CONSULTA.docx
CONSULTA.docxCONSULTA.docx
CONSULTA.docx
 
Html geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldanaHtml geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldana
 
Curso de html
Curso de htmlCurso de html
Curso de html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Tarea 5
Tarea  5Tarea  5
Tarea 5
 
Manual de-html
Manual de-htmlManual de-html
Manual de-html
 
TRABAJO INFORMATICA.docx
TRABAJO INFORMATICA.docxTRABAJO INFORMATICA.docx
TRABAJO INFORMATICA.docx
 
etiquetas y editores.pptx
etiquetas y editores.pptxetiquetas y editores.pptx
etiquetas y editores.pptx
 
Desarrolla aplicaciones-web
Desarrolla aplicaciones-webDesarrolla aplicaciones-web
Desarrolla aplicaciones-web
 
Consulta
ConsultaConsulta
Consulta
 
Consulta_
Consulta_Consulta_
Consulta_
 
HTML.docx
HTML.docxHTML.docx
HTML.docx
 
HTML.docx
HTML.docxHTML.docx
HTML.docx
 

Último

La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafiosFundación YOD YOD
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxazmysanros90
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfSergioMendoza354770
 
definicion segun autores de matemáticas educativa
definicion segun autores de matemáticas  educativadefinicion segun autores de matemáticas  educativa
definicion segun autores de matemáticas educativaAdrianaMartnez618894
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxaylincamaho
 
Mapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptxMapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptxMidwarHenryLOZAFLORE
 
dokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptdokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptMiguelAtencio10
 
FloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptxFloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptx241522327
 
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024GiovanniJavierHidalg
 
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxNombre Apellidos
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdfIsabellaMontaomurill
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA241531640
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxpabonheidy28
 
El uso de las tic en la vida ,lo importante que son
El uso de las tic en la vida ,lo importante  que sonEl uso de las tic en la vida ,lo importante  que son
El uso de las tic en la vida ,lo importante que son241514984
 
Arenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxArenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxJOSEFERNANDOARENASCA
 
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...FacuMeza2
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadMiguelAngelVillanuev48
 
R1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaR1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaarkananubis
 
El uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELEl uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELmaryfer27m
 
El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.241514949
 

Último (20)

La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafios
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptx
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
 
definicion segun autores de matemáticas educativa
definicion segun autores de matemáticas  educativadefinicion segun autores de matemáticas  educativa
definicion segun autores de matemáticas educativa
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
 
Mapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptxMapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptx
 
dokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptdokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.ppt
 
FloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptxFloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptx
 
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024
 
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdf
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docx
 
El uso de las tic en la vida ,lo importante que son
El uso de las tic en la vida ,lo importante  que sonEl uso de las tic en la vida ,lo importante  que son
El uso de las tic en la vida ,lo importante que son
 
Arenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxArenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptx
 
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidad
 
R1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaR1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en mina
 
El uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELEl uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFEL
 
El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.
 

Codigo HTML.docx

  • 1. CONSULTA 1. QUE SON CODIGOS HTML El Lenguaje de Marcado de Hipertexto (HTML) es el código que se utiliza para estructurar y desplegar una página web y sus contenidos. Por ejemplo, sus contenidos podrían ser párrafos, una lista con viñetas, o imágenes y tablas de datos. HTML no es un lenguaje de programación; es un lenguaje de marcado que define la estructura de tu contenido. HTML consiste en una serie de elementos que usarás para encerrar diferentes partes del contenido para que se vean o comporten de una determinada manera. Las etiquetas de encierre pueden hacer de una palabra o una imagen un hipervínculo a otro sitio, se pueden cambiar palabras a cursiva, agrandar o achicar la letra, etc. El hipertexto es lo que permite que se pueda navegar por medio de la red y dentro de las páginas web, pues facilita que al dar clic en un texto, llamado hipervínculo, puedas dirigirte a la siguiente página. HTML se conforma por una serie de elementos que se emplean para enmarcar diferentes partes de un contenido para que se observen o se comporten de una manera determinada. Por ejemplo, dar un formato diferente a una parte del texto o crear hipervínculos a otros sitios. Se encarga de todo lo relacionado con la estructura de un sitio web, como secciones, encabezados, párrafos, etcétera. 2. DEFINE LAS SIGLAS HTML Las siglas HTML quieren decir HyperText Markup Language lo cual significa “lenguajes de marcas de hipertexto”, se basa en un lenguaje de marcas para crear documentos que puedan ser distribuidos por Internet.
  • 2. 3. PORQUE EL LENGUAJE HTML NECESITA UN EDITOR DE TEXTO El lenguaje HTML necesita de un editor de texto ya que por medio de este es que el usuario introduce los códigos con la información que requiere introducir a su página web, estos editores de texto se han convertido en el aliado número uno de los usuarios del lenguaje HTML debido a la facilidad de uso y acceso que ofrece. 4. QUÉ ES UN EDITOR DE TEXTO Un editor de texto es cualquier programa de procesamiento de texto que puedes usar para escribir y editar un texto, como Word Pad y NotePad para Windows y SimpleText y TextEdit para Mac. Se trata de un programa informático que te permitirá editar o crear archivos digitales compuestos únicamente por textos sin formato. Es decir, archivos que no contengan formato de texto específico y que son conocidos comúnmente como archivos de texto o texto plano. 5. EN DONDE SE UTILIZAN Los editores de texto son incluidos en el sistema operativo o en algún paquete de software instalado, y se usan cuando se deben crear o modificar archivos de texto como archivos de configuración, lenguaje de programación interpretado (scripts) o el código fuente de algún programa. 6. COMO SE INSERTAN LOS CODIGOS EN WIX O EN JIMDO DE ACUERDO A LA PAGINA WEB QUE ESTEN UTILIZANDO.  Editor de Wix: incrustar un sitio o un widget
  • 3. Editando HTML a tu Wix 1. Ir a “Widgets” > HTML 2. Selecciona el widget HTML de tu elección: Facebook, Viemo, Google Calendar, etc 3. Haz clic en “Opciones” 4. Pega tu código de inserción en el cuadro de “Insertar código HTML” (cuadro de texto a la derecha del widget HTML) **Consejo: Asegúrate de eliminar cualquier código existente** 5. Actualiza el Ancho y Alto: Si no tienes las medidas, busca width=”XX” / height=”XX” dentro de tu código. Por ejemplo, “ancho = 334”. A continuación, ingresa 334 en ancho de campo. 6. Haz clic en “Aceptar” 7. Para ver tu Widget HTML debes primero guardar el documento. Ve a “Mi Cuenta” encuentra tu sitio y haz clic en “Ver”. Nota: Los Widgets HTML no son visibles en el editor, ni en la opción de vista previa. Observa que el código siempre aparece en la capa frontal en el editor Wix. 7. CUAL ES LA DIFERENCIA ENTRE UN CODIGO HTML Y UN ENLACE NORMAL
  • 4. HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc. ENLACE NORMAL también conocido como link o hipervínculo, es cualquier texto o imagen que se encuentra en una página web y en la que el usuario puede pulsar o clicar para ser dirigido a otro contenido diferente 8. CUALES SON LOS CODIGOS HTML BASICOS PARA LAS PAGINAS WEB  < HTML > ... < /HTML > : Indica el comienzo y fin de un archivo HTML  < HEAD > ... < /HEAD > : Indica el comienzo y fin de un encabezado (aquí se coloca generalmente el título).  < TITLE > ... < /TITLE > : Indica el título.  < BODY > ... < /BODY > : Indica el comienzo y fin del cuerpo de la página.  < P > ... < /P > : Indica comienzo y fin de un párrafo.  < BR > : Permite saltarse una línea (se llama quiebre de línea).  < Hn > ... < Hn > : Para n entre 1 y 6, hacen que el texto encerrado aparezca como encabezado (un subtítulo). Se recomienda usar sólo 1,2 y 3.  Tipos de letras:  < B > ... < /B > : Negrita.  < L > ... < /L > : Cursiva.  < BLINK > ... < /BLINK > : Parpadeante.  < STRONG > ... < /STRONG > : Enfatizada.  < UL > ... < /UL > : Indica comienzo y fin de una lista no ordenada (puntos). Dentro de ellos, cada item empieza por < LI > y termina al terminar la línea.  < OL > ... < /OL > : Indica comienzo y fin de una lista ordenada (números). Dentro de ellos, cada item empieza por < LI > y termina al terminar la línea