SlideShare ist ein Scribd-Unternehmen logo
HTML
Es el lenguaje principal de
marcado para las páginas web.
Programación en base a código,
tiene su propio lenguaje.
<html> es la etiqueta que se
utiliza para describir la página.
<body> es la etiqueta, donde se
encuentra todo el contenido visible
<footer> aquí se encuentra la
información legal
<H> son los titulos, pueden
haber cuantos uno quiera.
<p> se indican los párrafos
<html> es la etiqueta que se
utiliza para describir la página.
<body> es la etiqueta, donde se
encuentra todo el contenido visible
<footer> aquí se encuentra la
información legal
<H> son los titulos, pueden
haber cuantos uno quiera.
<p> se indican los párrafos
<html> es la etiqueta que se
utiliza para describir la página.
<body> es la etiqueta, donde se
encuentra todo el contenido visible
<footer> aquí se encuentra la
información legal
<H> son los titulos, pueden
haber cuantos uno quiera.
<p> se indican los párrafos
<html> es la etiqueta que se
utiliza para describir la página.
<body> es la etiqueta, donde se
encuentra todo el contenido visible
<footer> aquí se encuentra la
información legal
<H> son los titulos, pueden
haber cuantos uno quiera.
<p> se indican los párrafos
<html> es la etiqueta que se
utiliza para describir la página.
<body> es la etiqueta, donde se
encuentra todo el contenido visible
<footer> aquí se encuentra la
información legal
<H> son los titulos, pueden
haber cuantos uno quiera.
<p> se indican los párrafos
HEAD
FOOTER
BODY
CONTENIDO
<div id=”content”> </div>
<div id=”wrapper”> </div>
<div id=”wrap”> </div>
<div id=”contenedor”></div>
<div id=”contenido”> </div>
<div id=”header”>
<div id=”menu”> </div>
</div>
<div id=”content”>
<div id=”col1”> </div>
<div id=”col2”> </div>
</div>
<div id=”header”>
<div id=”menu”>
<ul>
<li> </li>
</ul>
</div>
</div>
<div id=”header”>
<div id=”menu”>
<ul>
<li> ITEM MENU </li>
</ul>
</div>
</div>
<div id=”content”>
<div id=”col1”>
<p> LIPSUM </p>
</div>
<div id=”col2”>
<img src=”img/foto.png”>
</div>
</div>
<div id=”footer”>
<p> INFORMACIÓN LEGAL </p>
</div>
TEXTO
Negrita <B>
Fuerte <STRONG>
Italica <I>
Subrayada <U>
Tachado <S>
Letra máquina <TT>
<CITE> V/S <EM>
CITAR ENFATIZAR
<STRONG>
LISTAS
(lists)
Información, sin ordenar
Orden de información
Definiciones
UL
Información
sin ordenar
OL
Orden de
información
LI
Definiciónes
TABLAS
Ordenar información
Similar a tabla excel
Dar estructura base
<table>
<tr>
<td> CONTENIDO </td>
</tr>
</table>
jsfiddle.net

Weitere ähnliche Inhalte

Ähnlich wie Start with HTML

Galdamez Peres 5to A
Galdamez Peres 5to AGaldamez Peres 5to A
Galdamez Peres 5to A
marcosgaldamez22
 
Manual de-html
Manual de-htmlManual de-html
Manual de-html
UPT "JOSÉ FELIX RIBAS"
 
Vinculos
VinculosVinculos
Vinculos
jcrosalu
 
Primera Clase de html
Primera Clase de htmlPrimera Clase de html
Primera Clase de html
Prof. Lisette Obregón
 
¿Qué es HTML5?
¿Qué es HTML5?¿Qué es HTML5?
¿Qué es HTML5?
Ericka Zavala
 
Html
HtmlHtml
Consulta
ConsultaConsulta
Consulta
GersonGonsalez
 
Consulta_
Consulta_Consulta_
Consulta_
GersonGonsalez
 
Guia html
Guia htmlGuia html
Guia html
Arvey Barahona
 
Conociendo mas sobre HTLM
Conociendo mas sobre HTLMConociendo mas sobre HTLM
Conociendo mas sobre HTLM
Tatiiana Benavides
 
conociendo sobre HTLM
conociendo sobre HTLMconociendo sobre HTLM
conociendo sobre HTLM
Tatiiana Benavides
 
Html
HtmlHtml
Power point tarea #1
Power point tarea #1Power point tarea #1
Power point tarea #1
darwin lopez
 
HTML
HTMLHTML
Consulta
ConsultaConsulta
Consulta
Isabella373869
 
HTML (parte 1)
HTML (parte 1)HTML (parte 1)
HTML (parte 1)
Carmen Soler
 
Estructurabasica
EstructurabasicaEstructurabasica
Estructurabasica
Fama Barreto
 
Guia de repaso html11
Guia de repaso html11Guia de repaso html11
Guia de repaso html11
María C. Plata
 
Taller de Html
Taller de HtmlTaller de Html
Taller de Html
Rafael Castillo Guerrero
 
S01
S01S01

Ähnlich wie Start with HTML (20)

Galdamez Peres 5to A
Galdamez Peres 5to AGaldamez Peres 5to A
Galdamez Peres 5to A
 
Manual de-html
Manual de-htmlManual de-html
Manual de-html
 
Vinculos
VinculosVinculos
Vinculos
 
Primera Clase de html
Primera Clase de htmlPrimera Clase de html
Primera Clase de html
 
¿Qué es HTML5?
¿Qué es HTML5?¿Qué es HTML5?
¿Qué es HTML5?
 
Html
HtmlHtml
Html
 
Consulta
ConsultaConsulta
Consulta
 
Consulta_
Consulta_Consulta_
Consulta_
 
Guia html
Guia htmlGuia html
Guia html
 
Conociendo mas sobre HTLM
Conociendo mas sobre HTLMConociendo mas sobre HTLM
Conociendo mas sobre HTLM
 
conociendo sobre HTLM
conociendo sobre HTLMconociendo sobre HTLM
conociendo sobre HTLM
 
Html
HtmlHtml
Html
 
Power point tarea #1
Power point tarea #1Power point tarea #1
Power point tarea #1
 
HTML
HTMLHTML
HTML
 
Consulta
ConsultaConsulta
Consulta
 
HTML (parte 1)
HTML (parte 1)HTML (parte 1)
HTML (parte 1)
 
Estructurabasica
EstructurabasicaEstructurabasica
Estructurabasica
 
Guia de repaso html11
Guia de repaso html11Guia de repaso html11
Guia de repaso html11
 
Taller de Html
Taller de HtmlTaller de Html
Taller de Html
 
S01
S01S01
S01
 

Kürzlich hochgeladen

tema 7. Los siglos XVI y XVII ( resumen)
tema 7. Los siglos XVI y XVII ( resumen)tema 7. Los siglos XVI y XVII ( resumen)
tema 7. Los siglos XVI y XVII ( resumen)
saradocente
 
Blogs_y_Educacion_Por Zaracho Lautaro_.pdf
Blogs_y_Educacion_Por Zaracho Lautaro_.pdfBlogs_y_Educacion_Por Zaracho Lautaro_.pdf
Blogs_y_Educacion_Por Zaracho Lautaro_.pdf
lautyzaracho4
 
Carnavision: anticipa y aprovecha - hackathon Pasto2024 .pdf
Carnavision: anticipa y aprovecha - hackathon Pasto2024 .pdfCarnavision: anticipa y aprovecha - hackathon Pasto2024 .pdf
Carnavision: anticipa y aprovecha - hackathon Pasto2024 .pdf
EleNoguera
 
2° año LA VESTIMENTA-ciencias sociales 2 grado
2° año LA VESTIMENTA-ciencias sociales 2 grado2° año LA VESTIMENTA-ciencias sociales 2 grado
2° año LA VESTIMENTA-ciencias sociales 2 grado
GiselaBerrios3
 
Chatgpt para los Profesores Ccesa007.pdf
Chatgpt para los Profesores Ccesa007.pdfChatgpt para los Profesores Ccesa007.pdf
Chatgpt para los Profesores Ccesa007.pdf
Demetrio Ccesa Rayme
 
Clase Prensencial, Actividad 2.pdf.......
Clase Prensencial, Actividad 2.pdf.......Clase Prensencial, Actividad 2.pdf.......
Clase Prensencial, Actividad 2.pdf.......
LuanaJaime1
 
Escuela Sabática. El conflicto inminente.pdf
Escuela Sabática. El conflicto inminente.pdfEscuela Sabática. El conflicto inminente.pdf
Escuela Sabática. El conflicto inminente.pdf
Alejandrino Halire Ccahuana
 
APUNTES UNIDAD I ECONOMIA EMPRESARIAL .pdf
APUNTES UNIDAD I ECONOMIA EMPRESARIAL .pdfAPUNTES UNIDAD I ECONOMIA EMPRESARIAL .pdf
APUNTES UNIDAD I ECONOMIA EMPRESARIAL .pdf
VeronicaCabrera50
 
Vida, obra y pensamiento de Kant I24.ppt
Vida, obra y pensamiento de Kant I24.pptVida, obra y pensamiento de Kant I24.ppt
Vida, obra y pensamiento de Kant I24.ppt
LinoLatella
 
Prueba/test conoce tus heridas de la infancia
Prueba/test conoce tus heridas de la infanciaPrueba/test conoce tus heridas de la infancia
Prueba/test conoce tus heridas de la infancia
LudmilaOrtega3
 
200. Efemerides junio para trabajar en periodico mural
200. Efemerides junio para trabajar en periodico mural200. Efemerides junio para trabajar en periodico mural
200. Efemerides junio para trabajar en periodico mural
shirherrer
 
1° T3 Examen Zany de primer grado compl
1° T3 Examen Zany  de primer grado compl1° T3 Examen Zany  de primer grado compl
1° T3 Examen Zany de primer grado compl
ROCIORUIZQUEZADA
 
pueblos originarios de chile presentacion twinkl.pptx
pueblos originarios de chile presentacion twinkl.pptxpueblos originarios de chile presentacion twinkl.pptx
pueblos originarios de chile presentacion twinkl.pptx
RAMIREZNICOLE
 
CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdfCUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
Inslvarez5
 
FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdfFEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
Jose Luis Jimenez Rodriguez
 
La necesidad de bienestar y el uso de la naturaleza.pdf
La necesidad de bienestar y el uso de la naturaleza.pdfLa necesidad de bienestar y el uso de la naturaleza.pdf
La necesidad de bienestar y el uso de la naturaleza.pdf
JonathanCovena1
 
Este documento contiene, el programa completo de un acto para realizar la pro...
Este documento contiene, el programa completo de un acto para realizar la pro...Este documento contiene, el programa completo de un acto para realizar la pro...
Este documento contiene, el programa completo de un acto para realizar la pro...
romina395894
 
SEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptx
SEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptxSEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptx
SEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptx
Osiris Urbano
 
Lecciones 10 Esc. Sabática. El espiritismo desenmascarado docx
Lecciones 10 Esc. Sabática. El espiritismo desenmascarado docxLecciones 10 Esc. Sabática. El espiritismo desenmascarado docx
Lecciones 10 Esc. Sabática. El espiritismo desenmascarado docx
Alejandrino Halire Ccahuana
 
Compartir p4s.co Pitch Hackathon Template Plantilla final.pptx-2.pdf
Compartir p4s.co Pitch Hackathon Template Plantilla final.pptx-2.pdfCompartir p4s.co Pitch Hackathon Template Plantilla final.pptx-2.pdf
Compartir p4s.co Pitch Hackathon Template Plantilla final.pptx-2.pdf
JimmyDeveloperWebAnd
 

Kürzlich hochgeladen (20)

tema 7. Los siglos XVI y XVII ( resumen)
tema 7. Los siglos XVI y XVII ( resumen)tema 7. Los siglos XVI y XVII ( resumen)
tema 7. Los siglos XVI y XVII ( resumen)
 
Blogs_y_Educacion_Por Zaracho Lautaro_.pdf
Blogs_y_Educacion_Por Zaracho Lautaro_.pdfBlogs_y_Educacion_Por Zaracho Lautaro_.pdf
Blogs_y_Educacion_Por Zaracho Lautaro_.pdf
 
Carnavision: anticipa y aprovecha - hackathon Pasto2024 .pdf
Carnavision: anticipa y aprovecha - hackathon Pasto2024 .pdfCarnavision: anticipa y aprovecha - hackathon Pasto2024 .pdf
Carnavision: anticipa y aprovecha - hackathon Pasto2024 .pdf
 
2° año LA VESTIMENTA-ciencias sociales 2 grado
2° año LA VESTIMENTA-ciencias sociales 2 grado2° año LA VESTIMENTA-ciencias sociales 2 grado
2° año LA VESTIMENTA-ciencias sociales 2 grado
 
Chatgpt para los Profesores Ccesa007.pdf
Chatgpt para los Profesores Ccesa007.pdfChatgpt para los Profesores Ccesa007.pdf
Chatgpt para los Profesores Ccesa007.pdf
 
Clase Prensencial, Actividad 2.pdf.......
Clase Prensencial, Actividad 2.pdf.......Clase Prensencial, Actividad 2.pdf.......
Clase Prensencial, Actividad 2.pdf.......
 
Escuela Sabática. El conflicto inminente.pdf
Escuela Sabática. El conflicto inminente.pdfEscuela Sabática. El conflicto inminente.pdf
Escuela Sabática. El conflicto inminente.pdf
 
APUNTES UNIDAD I ECONOMIA EMPRESARIAL .pdf
APUNTES UNIDAD I ECONOMIA EMPRESARIAL .pdfAPUNTES UNIDAD I ECONOMIA EMPRESARIAL .pdf
APUNTES UNIDAD I ECONOMIA EMPRESARIAL .pdf
 
Vida, obra y pensamiento de Kant I24.ppt
Vida, obra y pensamiento de Kant I24.pptVida, obra y pensamiento de Kant I24.ppt
Vida, obra y pensamiento de Kant I24.ppt
 
Prueba/test conoce tus heridas de la infancia
Prueba/test conoce tus heridas de la infanciaPrueba/test conoce tus heridas de la infancia
Prueba/test conoce tus heridas de la infancia
 
200. Efemerides junio para trabajar en periodico mural
200. Efemerides junio para trabajar en periodico mural200. Efemerides junio para trabajar en periodico mural
200. Efemerides junio para trabajar en periodico mural
 
1° T3 Examen Zany de primer grado compl
1° T3 Examen Zany  de primer grado compl1° T3 Examen Zany  de primer grado compl
1° T3 Examen Zany de primer grado compl
 
pueblos originarios de chile presentacion twinkl.pptx
pueblos originarios de chile presentacion twinkl.pptxpueblos originarios de chile presentacion twinkl.pptx
pueblos originarios de chile presentacion twinkl.pptx
 
CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdfCUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
 
FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdfFEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
 
La necesidad de bienestar y el uso de la naturaleza.pdf
La necesidad de bienestar y el uso de la naturaleza.pdfLa necesidad de bienestar y el uso de la naturaleza.pdf
La necesidad de bienestar y el uso de la naturaleza.pdf
 
Este documento contiene, el programa completo de un acto para realizar la pro...
Este documento contiene, el programa completo de un acto para realizar la pro...Este documento contiene, el programa completo de un acto para realizar la pro...
Este documento contiene, el programa completo de un acto para realizar la pro...
 
SEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptx
SEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptxSEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptx
SEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptx
 
Lecciones 10 Esc. Sabática. El espiritismo desenmascarado docx
Lecciones 10 Esc. Sabática. El espiritismo desenmascarado docxLecciones 10 Esc. Sabática. El espiritismo desenmascarado docx
Lecciones 10 Esc. Sabática. El espiritismo desenmascarado docx
 
Compartir p4s.co Pitch Hackathon Template Plantilla final.pptx-2.pdf
Compartir p4s.co Pitch Hackathon Template Plantilla final.pptx-2.pdfCompartir p4s.co Pitch Hackathon Template Plantilla final.pptx-2.pdf
Compartir p4s.co Pitch Hackathon Template Plantilla final.pptx-2.pdf
 

Start with HTML