SlideShare una empresa de Scribd logo
CONSULTA:
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.
<h1>,<h2>,<h3>,<h4>,<h5>,<h6> Son etiquetas HTML muy importantes, ya
que son usadas para jerarquizar el contenido de la web.
DEFINE LAS SIGLAS HTML
HTML (Lenguaje de marcado de hipertexto o HyperText Markup Language por sus siglas en
inglés) es un lenguaje descriptivo que especifica la estructura de las páginas
web.
PORQUE EL LENGUAJE HTML NECESITA UN EDITOR DE TEXTO
Lo que se requiere para utilizar Descartes es que el editor permita tener acceso código fuente
de la página que se esté modificando. Por lo general los editores de páginas html tienen
funciones muy similares a los procesadores de texto: Tipos, estilos, colores y tamaños de
letra.
QUÉ ES UN EDITOR DE TEXTO
R// Un editor HTML es un software para editar y crear código
HTML que se utiliza para sitios web u otros documentos web. ...
Los editores WYSIWYG muestran el documento que se va a
editar de la misma manera que se mostrará en el navegador
más tarde. Los editores HTML suelen formar parte de un
entorno de desarrollo integrado.
La lista de los mejores editores de HTML se basa en la
popularidad, las funciones y el diseño:
•Atom.
•Notepad++
•Sublime Text.
•Adobe Dreamweaver CC.
•Visual Studio Code.
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.
COMO SE INSERTAN LOS CÓDIGOS EN WIX O EN JIMDO DE ACUERDO A LA PÁGINA
WEB
QUE ESTÉN UTILIZANDO.
CUAL ES LA DIFERENCIA ENTRE UN CÓDIGO HTML Y UN ENLACE NORMAL
La diferencia crucial entre los dos es que el HTML se utiliza para la creación de las páginas
web. En HTML, primero se escriben palabras y luego se añaden elementos o etiquetas, que
luego aparecen en la página.
CUALES SON LOS CÓDIGOS HTML BÁSICOS PARA LAS PAGINAS WEB
R// 1. HTML
<html> está al inicio de un documento HTML e indica a los navegadores que la
página tiene código HTML para que pueda leerlo de esa forma. Siguiendo la sintaxis
del lenguaje, la etiqueta de cierre </html> será el último elemento del documento.
2. Encabezado
<head> es la etiqueta que se utiliza para el encabezado de la página. Su principal
función es contener toda la información del funcionamiento del sitio. Debido a esto,
es un código encriptado que las personas que entran a la página no pueden ver.
3. Título de la página
<title> es la etiqueta que da a tu sitio un nombre para que los usuarios puedan
identificarlo. Es el título que puedes ver en las pestañas del navegador.
4. Cuerpo
<body> es la etiqueta que contiene todos los elementos individuales del sitio. O
dicho de otra forma, comprende todo el contenido visible del sitio. Aquí podrás
insertar texto, imágenes, videos o cualquier otra funcionalidad que desees mostrar.
5. Títulos y subtítulos
<h1> <h2>… <h6> son etiquetas que funcionan para agregar títulos y subtítulos en
el cuerpo del texto, lo cual ayuda a jerarquizar la información. Por cierto, te
recomendamos utilizar la etiqueta H1 sólo una vez dentro del contenido.
6. Párrafos
Las etiquetas <p> y <br> te ayudarán a organizar el texto en párrafos y saltos de
línea.
Ejemplo:
7. Imágenes
<img> con esta etiqueta podrás agregar imágenes al cuerpo de tu página.
Combinarlo con el atributo src te permitirá especificar la ubicación donde se
encuentra la imagen, y el atributo alt te ayudará a darle un título a esa imagen para
que lo lean buscadores como Google.
La estructura de los atributos es la siguiente: primero viene la palabra o
abreviatura que lo define (en este caso src es abreviatura de “source” o fuente),
luego el signo igual (=) y al último el modificador del atributo entre comillas dobles
(“_”) o simples (‘_’).
8. Hipervínculos
<a> te permite insertar un hipervínculo a la página. Por ejemplo, el link hacia tus
redes sociales o hacia otro sitio web con el que desees conectar tu página.
9. Listas e índices
<ol> sirve para agregar listas numeradas y <ul> para agregar bullets, los cuales
mejoran la legibilidad de tus textos.
10. Estilo
Aunque usualmente se ubica dentro de la etiqueta <head>, con el atributo <style>
puedes definir el estilo de tu contenido en términos de:
● Color
● Tamaño de fuente
● Tipografía, etc.

Más contenido relacionado

Similar a Consulta_

Html
HtmlHtml
CODIGO HTML.pptx DANIELA RUIZ CODIGOS HTML
CODIGO HTML.pptx DANIELA RUIZ CODIGOS HTMLCODIGO HTML.pptx DANIELA RUIZ CODIGOS HTML
CODIGO HTML.pptx DANIELA RUIZ CODIGOS HTML
danielaruiztomy
 
CODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etc
CODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etcCODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etc
CODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etc
danielaruiztomy
 
HTML
HTMLHTML
¿Qué es HTML5?
¿Qué es HTML5?¿Qué es HTML5?
¿Qué es HTML5?
Ericka Zavala
 
Html tarea
Html tareaHtml tarea
Html tarea
saullopes24
 
etiquetas.pdf
etiquetas.pdfetiquetas.pdf
etiquetas.pdf
JorgeVazquez485210
 
Estructurabasica
EstructurabasicaEstructurabasica
Estructurabasica
Fama Barreto
 
Codigo HTML.docx
Codigo HTML.docxCodigo HTML.docx
Codigo HTML.docx
SebastianAndrey
 
Acerca de html
Acerca de htmlAcerca de html
Acerca de html
Herberto Ramirez
 
Html
HtmlHtml
Taller 1 mariana barreto
Taller 1 mariana barretoTaller 1 mariana barreto
Taller 1 mariana barretoMariana Barreto
 
Lissette lainez
Lissette lainezLissette lainez
Lissette lainezlisseali
 
Lissette lainez
Lissette lainezLissette lainez
Lissette lainezlabebeally
 
Lenguaje HTML
Lenguaje HTMLLenguaje HTML

Similar a Consulta_ (20)

Html
HtmlHtml
Html
 
CODIGO HTML.pptx DANIELA RUIZ CODIGOS HTML
CODIGO HTML.pptx DANIELA RUIZ CODIGOS HTMLCODIGO HTML.pptx DANIELA RUIZ CODIGOS HTML
CODIGO HTML.pptx DANIELA RUIZ CODIGOS HTML
 
CODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etc
CODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etcCODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etc
CODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etc
 
HTML
HTMLHTML
HTML
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
¿Qué es HTML5?
¿Qué es HTML5?¿Qué es HTML5?
¿Qué es HTML5?
 
Lenguajes de programacion
Lenguajes de programacionLenguajes de programacion
Lenguajes de programacion
 
Html tarea
Html tareaHtml tarea
Html tarea
 
etiquetas.pdf
etiquetas.pdfetiquetas.pdf
etiquetas.pdf
 
Htlm
HtlmHtlm
Htlm
 
Estructurabasica
EstructurabasicaEstructurabasica
Estructurabasica
 
Codigo HTML.docx
Codigo HTML.docxCodigo HTML.docx
Codigo HTML.docx
 
Acerca de html
Acerca de htmlAcerca de html
Acerca de html
 
Html
HtmlHtml
Html
 
Consulta de html
Consulta de html Consulta de html
Consulta de html
 
Taller 1 mariana barreto
Taller 1 mariana barretoTaller 1 mariana barreto
Taller 1 mariana barreto
 
Lissette lainez
Lissette lainezLissette lainez
Lissette lainez
 
Lissette lainez
Lissette lainezLissette lainez
Lissette lainez
 
Lenguaje HTML
Lenguaje HTMLLenguaje HTML
Lenguaje HTML
 

Último

Desarrollo de habilidades de pensamiento (2).pdf
Desarrollo de habilidades de pensamiento (2).pdfDesarrollo de habilidades de pensamiento (2).pdf
Desarrollo de habilidades de pensamiento (2).pdf
samuelvideos
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
vazquezgarciajesusma
 
Estructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdfEstructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdf
cristianrb0324
 
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxleidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
Leidyfuentes19
 
EduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clasesEduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clases
PABLOCESARGARZONBENI
 
trabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6ftrabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6f
zoecaicedosalazar
 
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdfDesarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
AlejandraCasallas7
 
Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5
JulyMuoz18
 
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTALINFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
CrystalRomero18
 
Diagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestreDiagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestre
DiegoCampos433849
 
proyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmusproyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmus
raquelariza02
 
Conceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. TecnologíaConceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. Tecnología
coloradxmaria
 
Conceptos Básicos de Programación Proyecto
Conceptos Básicos de Programación ProyectoConceptos Básicos de Programación Proyecto
Conceptos Básicos de Programación Proyecto
cofferub
 
Estructuras básicas_ conceptos de programación (1).docx
Estructuras básicas_ conceptos de programación  (1).docxEstructuras básicas_ conceptos de programación  (1).docx
Estructuras básicas_ conceptos de programación (1).docx
SamuelRamirez83524
 
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfDESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
sarasofiamontezuma
 
Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.
AlejandraCasallas7
 
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
CesarPazosQuispe
 
Diagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdfDiagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdf
ManuelCampos464987
 
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdfDESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
marianabz2403
 
Conceptos básicos de programación 10-5.pdf
Conceptos básicos de programación 10-5.pdfConceptos básicos de programación 10-5.pdf
Conceptos básicos de programación 10-5.pdf
ValeriaAyala48
 

Último (20)

Desarrollo de habilidades de pensamiento (2).pdf
Desarrollo de habilidades de pensamiento (2).pdfDesarrollo de habilidades de pensamiento (2).pdf
Desarrollo de habilidades de pensamiento (2).pdf
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
 
Estructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdfEstructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdf
 
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxleidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
 
EduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clasesEduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clases
 
trabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6ftrabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6f
 
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdfDesarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
 
Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5
 
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTALINFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
 
Diagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestreDiagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestre
 
proyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmusproyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmus
 
Conceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. TecnologíaConceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. Tecnología
 
Conceptos Básicos de Programación Proyecto
Conceptos Básicos de Programación ProyectoConceptos Básicos de Programación Proyecto
Conceptos Básicos de Programación Proyecto
 
Estructuras básicas_ conceptos de programación (1).docx
Estructuras básicas_ conceptos de programación  (1).docxEstructuras básicas_ conceptos de programación  (1).docx
Estructuras básicas_ conceptos de programación (1).docx
 
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfDESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
 
Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.
 
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
 
Diagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdfDiagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdf
 
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdfDESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
 
Conceptos básicos de programación 10-5.pdf
Conceptos básicos de programación 10-5.pdfConceptos básicos de programación 10-5.pdf
Conceptos básicos de programación 10-5.pdf
 

Consulta_

  • 1. CONSULTA: 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. <h1>,<h2>,<h3>,<h4>,<h5>,<h6> Son etiquetas HTML muy importantes, ya que son usadas para jerarquizar el contenido de la web. DEFINE LAS SIGLAS HTML HTML (Lenguaje de marcado de hipertexto o HyperText Markup Language por sus siglas en inglés) es un lenguaje descriptivo que especifica la estructura de las páginas web. PORQUE EL LENGUAJE HTML NECESITA UN EDITOR DE TEXTO Lo que se requiere para utilizar Descartes es que el editor permita tener acceso código fuente de la página que se esté modificando. Por lo general los editores de páginas html tienen funciones muy similares a los procesadores de texto: Tipos, estilos, colores y tamaños de letra. QUÉ ES UN EDITOR DE TEXTO R// Un editor HTML es un software para editar y crear código HTML que se utiliza para sitios web u otros documentos web. ... Los editores WYSIWYG muestran el documento que se va a editar de la misma manera que se mostrará en el navegador más tarde. Los editores HTML suelen formar parte de un entorno de desarrollo integrado. La lista de los mejores editores de HTML se basa en la popularidad, las funciones y el diseño: •Atom. •Notepad++ •Sublime Text. •Adobe Dreamweaver CC. •Visual Studio Code. 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
  • 2. archivos de configuración, lenguaje de programación interpretado (scripts) o el código fuente de algún programa. COMO SE INSERTAN LOS CÓDIGOS EN WIX O EN JIMDO DE ACUERDO A LA PÁGINA WEB QUE ESTÉN UTILIZANDO. CUAL ES LA DIFERENCIA ENTRE UN CÓDIGO HTML Y UN ENLACE NORMAL La diferencia crucial entre los dos es que el HTML se utiliza para la creación de las páginas web. En HTML, primero se escriben palabras y luego se añaden elementos o etiquetas, que luego aparecen en la página. CUALES SON LOS CÓDIGOS HTML BÁSICOS PARA LAS PAGINAS WEB R// 1. HTML <html> está al inicio de un documento HTML e indica a los navegadores que la página tiene código HTML para que pueda leerlo de esa forma. Siguiendo la sintaxis del lenguaje, la etiqueta de cierre </html> será el último elemento del documento. 2. Encabezado <head> es la etiqueta que se utiliza para el encabezado de la página. Su principal función es contener toda la información del funcionamiento del sitio. Debido a esto, es un código encriptado que las personas que entran a la página no pueden ver. 3. Título de la página <title> es la etiqueta que da a tu sitio un nombre para que los usuarios puedan identificarlo. Es el título que puedes ver en las pestañas del navegador. 4. Cuerpo <body> es la etiqueta que contiene todos los elementos individuales del sitio. O dicho de otra forma, comprende todo el contenido visible del sitio. Aquí podrás insertar texto, imágenes, videos o cualquier otra funcionalidad que desees mostrar. 5. Títulos y subtítulos <h1> <h2>… <h6> son etiquetas que funcionan para agregar títulos y subtítulos en el cuerpo del texto, lo cual ayuda a jerarquizar la información. Por cierto, te recomendamos utilizar la etiqueta H1 sólo una vez dentro del contenido. 6. Párrafos
  • 3. Las etiquetas <p> y <br> te ayudarán a organizar el texto en párrafos y saltos de línea. Ejemplo: 7. Imágenes <img> con esta etiqueta podrás agregar imágenes al cuerpo de tu página. Combinarlo con el atributo src te permitirá especificar la ubicación donde se encuentra la imagen, y el atributo alt te ayudará a darle un título a esa imagen para que lo lean buscadores como Google. La estructura de los atributos es la siguiente: primero viene la palabra o abreviatura que lo define (en este caso src es abreviatura de “source” o fuente), luego el signo igual (=) y al último el modificador del atributo entre comillas dobles (“_”) o simples (‘_’). 8. Hipervínculos <a> te permite insertar un hipervínculo a la página. Por ejemplo, el link hacia tus redes sociales o hacia otro sitio web con el que desees conectar tu página. 9. Listas e índices <ol> sirve para agregar listas numeradas y <ul> para agregar bullets, los cuales mejoran la legibilidad de tus textos. 10. Estilo Aunque usualmente se ubica dentro de la etiqueta <head>, con el atributo <style> puedes definir el estilo de tu contenido en términos de: ● Color ● Tamaño de fuente ● Tipografía, etc.