SlideShare una empresa de Scribd logo
1 de 7
HyperTextMarkupLanguage
HTML (HyperText Mark-up Language o Lenguaje de Marcas de Hipertexto). Lenguaje desarrollado por el CERN que sirve para modelar texto y agregarle funciones especiales (por ejemplo hipervínculos). Es la base para la creación de páginas web tradicionales. El texto se modela a partir del uso de etiquetas o tags. También se pueden agregar scripts al código fuente html (generalmente JavaScript, PHP, etc.).Por lo general los diseñadores utilizan herramientas gráficas WYSIWYG para la creación de páginas web, las cuales generan el código fuente html automáticamente . Son conocidos como editores web, un ejemplo es Microsoft FrontPage):
Junto con el código HTML se enlazan otros recursos como imágenes y sonidos, que se incluyen en archivos separados. Igualmente existe el MHTML que permite incorporar ciertos recursos dentro del archivo html. Es un formato abierto que fue originalmente diseñado basado sobre las etiquetas SGML sin énfasis en las marcas rigurosas. Para ver el código HTML de una página web, en la mayoría de los navegadores basta con hacer clickderecho del ratón y darle a “ver código de fuente de la página”. Aquí un fragmento del códido de fuente de la wikipedia:
Lectura del HTML El programa encargado de interpretar el texto HTML es el navegador. El navegador puede recibir el código HTML junto con los elementos integrados en la página (imágenes, sonidos, vídeo, etc.) desde un servidor remoto o de un servidor de red (utilizando el protocolo de transferencia de hipertexto y HTTP) o leer las páginas directamente de nuestro disco duro(sin un protocolo de transmisión tipo HTTP, sino el equivalente a abrir un documento con un procesador de textos). En HTML todas las codificaciones de efectos en el texto que lo forman no son más que instrucciones para el visualizador. Partiendo de esto, se entiende el porqué no se ve lo mismo contodos los visualizadores. Depende de cómo estén diseñados y para qué versión de lenguaje estén diseñados.
Creando una página de ejemplo Cualquiera puede hacer una página web a partir de HTML aunque no tengamos un editor web, ya que un simple bloc de notas  también sirve para ello (guardando el archivo como .html), aunque hay que saber usar los códigos necesarios que, de usar un editor web no sería necesario aprender. Es mejor saber HTML a la hora de crear una página web ya que se pueden conseguir mejores resultados al poder manejar mejor la página que con un editor. Todas las páginas html comienzan con el código de inicio <html> y terminan con el código </html> , y esta forma de organización se repite con la mayoría de las etiquetas, excepto algunas pocas que no necesitan cerrarse. Las páginas html se dividen en un encabezado (<head> y </head>) y un cuerpo (<body> y </body>). “Head” sirve para poner el título (<title>  y </title> ), y en “body” se pone todo el contenido de la página.
A partir de aquí cada etiqueta tiene una función y hay que repetirlas continuamente cada vez que queramos usar la función que corresponde a cada etiqueta. Algunos ejemplos son: Negrita: <b> y </b> Cursiva: <i> y </i> Cursiva: <u> y </u> Tamaño del texto: <FONT SIZE=“X"> y </FONT> solamente para cerrar.  X es un número comprendido entre +5 y -5, e indica el tamaño. Color del texto: <FONT COLOR="entre estas comillas va el nombre en inglés o el código hexadecimal del color"> y </FONT> para cerrar. Alinear el texto: <p align=“X"> y </p> , sustituyendo X para alinear a la izquierda (left), derecha (right) o al centro (center). Delimitador de párrafo: <p> y </p> Salto de línea: <br> , no necesita etiqueta de cierre
Subirla a la red El último paso, una vez está creada la página hay que subirla a un servidor web, ya que si no lo podrá ver quien lo ha creado gracias a un navegador, pero nadie más. Para ello, lo más sencillo es usar un cliente FTP, ya que se agilizan muchos pasos del proceso de subir archivos al servidor. Como otros servicios de Internet, para utilizar FTP necesitamos un programa especial que se denomina cliente de FTP. Podemos encontrar muchos de estos programas, algunos populares son Filezilla (que es gratuito) o Cute FTP. Todos los programas de FTP son parecidos, básicamente consisten en una ventana que está partida en dos partes. En una parte podemos ver nuestro disco duro, con sus distintas unidades de disco y carpetas. En la otra parte se puede ver el sistema de archivos del servidor, con sus correspondientes carpetas. Para mover los archivos de un lugar a otro suele bastar con arrastrarlos de una parte de la ventana a la otra. Hay que configurar el programa de FTP para que acceda al espacio que tenemos asignado.

Más contenido relacionado

La actualidad más candente

La actualidad más candente (16)

Colegio nicolas esguerra222
Colegio nicolas esguerra222Colegio nicolas esguerra222
Colegio nicolas esguerra222
 
Inicio al HTML
Inicio al HTMLInicio al HTML
Inicio al HTML
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
LENGUAJE HTML
LENGUAJE HTMLLENGUAJE HTML
LENGUAJE HTML
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
Nenene
NeneneNenene
Nenene
 
Html
HtmlHtml
Html
 
PresentacióN Html
PresentacióN HtmlPresentacióN Html
PresentacióN Html
 
Manual de html
Manual de htmlManual de html
Manual de html
 
Html, Formato De Texto y Listas
Html, Formato De Texto y ListasHtml, Formato De Texto y Listas
Html, Formato De Texto y Listas
 
Navegadores web
Navegadores webNavegadores web
Navegadores web
 
html
htmlhtml
html
 
0102 paginaen html5
0102 paginaen html50102 paginaen html5
0102 paginaen html5
 
Introduccion a programacion html
Introduccion a programacion htmlIntroduccion a programacion html
Introduccion a programacion html
 
Presentación1 html
Presentación1 htmlPresentación1 html
Presentación1 html
 
Curso de html
Curso de htmlCurso de html
Curso de html
 

Similar a HTML-LenguajeMarcadoHipertexto (20)

Html
HtmlHtml
Html
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Expo html
Expo htmlExpo html
Expo html
 
Estructurabasica
EstructurabasicaEstructurabasica
Estructurabasica
 
PAGINA WEB paucar inga lidia
PAGINA WEB paucar inga lidiaPAGINA WEB paucar inga lidia
PAGINA WEB paucar inga lidia
 
Que es html
Que es htmlQue es html
Que es html
 
Qué es html
Qué es htmlQué es html
Qué es html
 
Algunas precisiones sobre el lenguaje html
Algunas precisiones sobre el lenguaje htmlAlgunas precisiones sobre el lenguaje html
Algunas precisiones sobre el lenguaje html
 
4 Html
4 Html4 Html
4 Html
 
Clase 1
Clase 1Clase 1
Clase 1
 
HTML 2
HTML 2 HTML 2
HTML 2
 
Colegio nacional nicolas esguerra
Colegio  nacional nicolas esguerraColegio  nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Laura bonilla 102 tics jmv
Laura bonilla 102 tics jmvLaura bonilla 102 tics jmv
Laura bonilla 102 tics jmv
 
Taller HTML
Taller HTMLTaller HTML
Taller HTML
 
Html5
Html5Html5
Html5
 
Access
AccessAccess
Access
 
Access
AccessAccess
Access
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 

Último

POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...silviayucra2
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdfIsabellaMontaomurill
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx241521559
 
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
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfSergioMendoza354770
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIAWilbisVega
 
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...AlanCedillo9
 
Hernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxHernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxJOSEMANUELHERNANDEZH11
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesFundación YOD YOD
 
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
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfsoporteupcology
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
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
 
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersSalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersIván López Martín
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíassuserf18419
 
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
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 

Último (19)

POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdf
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 
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
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
 
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
 
Hernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxHernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptx
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento Protégeles
 
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
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdf
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
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
 
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersSalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
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...
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 

HTML-LenguajeMarcadoHipertexto

  • 2. HTML (HyperText Mark-up Language o Lenguaje de Marcas de Hipertexto). Lenguaje desarrollado por el CERN que sirve para modelar texto y agregarle funciones especiales (por ejemplo hipervínculos). Es la base para la creación de páginas web tradicionales. El texto se modela a partir del uso de etiquetas o tags. También se pueden agregar scripts al código fuente html (generalmente JavaScript, PHP, etc.).Por lo general los diseñadores utilizan herramientas gráficas WYSIWYG para la creación de páginas web, las cuales generan el código fuente html automáticamente . Son conocidos como editores web, un ejemplo es Microsoft FrontPage):
  • 3. Junto con el código HTML se enlazan otros recursos como imágenes y sonidos, que se incluyen en archivos separados. Igualmente existe el MHTML que permite incorporar ciertos recursos dentro del archivo html. Es un formato abierto que fue originalmente diseñado basado sobre las etiquetas SGML sin énfasis en las marcas rigurosas. Para ver el código HTML de una página web, en la mayoría de los navegadores basta con hacer clickderecho del ratón y darle a “ver código de fuente de la página”. Aquí un fragmento del códido de fuente de la wikipedia:
  • 4. Lectura del HTML El programa encargado de interpretar el texto HTML es el navegador. El navegador puede recibir el código HTML junto con los elementos integrados en la página (imágenes, sonidos, vídeo, etc.) desde un servidor remoto o de un servidor de red (utilizando el protocolo de transferencia de hipertexto y HTTP) o leer las páginas directamente de nuestro disco duro(sin un protocolo de transmisión tipo HTTP, sino el equivalente a abrir un documento con un procesador de textos). En HTML todas las codificaciones de efectos en el texto que lo forman no son más que instrucciones para el visualizador. Partiendo de esto, se entiende el porqué no se ve lo mismo contodos los visualizadores. Depende de cómo estén diseñados y para qué versión de lenguaje estén diseñados.
  • 5. Creando una página de ejemplo Cualquiera puede hacer una página web a partir de HTML aunque no tengamos un editor web, ya que un simple bloc de notas también sirve para ello (guardando el archivo como .html), aunque hay que saber usar los códigos necesarios que, de usar un editor web no sería necesario aprender. Es mejor saber HTML a la hora de crear una página web ya que se pueden conseguir mejores resultados al poder manejar mejor la página que con un editor. Todas las páginas html comienzan con el código de inicio <html> y terminan con el código </html> , y esta forma de organización se repite con la mayoría de las etiquetas, excepto algunas pocas que no necesitan cerrarse. Las páginas html se dividen en un encabezado (<head> y </head>) y un cuerpo (<body> y </body>). “Head” sirve para poner el título (<title> y </title> ), y en “body” se pone todo el contenido de la página.
  • 6. A partir de aquí cada etiqueta tiene una función y hay que repetirlas continuamente cada vez que queramos usar la función que corresponde a cada etiqueta. Algunos ejemplos son: Negrita: <b> y </b> Cursiva: <i> y </i> Cursiva: <u> y </u> Tamaño del texto: <FONT SIZE=“X"> y </FONT> solamente para cerrar. X es un número comprendido entre +5 y -5, e indica el tamaño. Color del texto: <FONT COLOR="entre estas comillas va el nombre en inglés o el código hexadecimal del color"> y </FONT> para cerrar. Alinear el texto: <p align=“X"> y </p> , sustituyendo X para alinear a la izquierda (left), derecha (right) o al centro (center). Delimitador de párrafo: <p> y </p> Salto de línea: <br> , no necesita etiqueta de cierre
  • 7. Subirla a la red El último paso, una vez está creada la página hay que subirla a un servidor web, ya que si no lo podrá ver quien lo ha creado gracias a un navegador, pero nadie más. Para ello, lo más sencillo es usar un cliente FTP, ya que se agilizan muchos pasos del proceso de subir archivos al servidor. Como otros servicios de Internet, para utilizar FTP necesitamos un programa especial que se denomina cliente de FTP. Podemos encontrar muchos de estos programas, algunos populares son Filezilla (que es gratuito) o Cute FTP. Todos los programas de FTP son parecidos, básicamente consisten en una ventana que está partida en dos partes. En una parte podemos ver nuestro disco duro, con sus distintas unidades de disco y carpetas. En la otra parte se puede ver el sistema de archivos del servidor, con sus correspondientes carpetas. Para mover los archivos de un lugar a otro suele bastar con arrastrarlos de una parte de la ventana a la otra. Hay que configurar el programa de FTP para que acceda al espacio que tenemos asignado.