SlideShare una empresa de Scribd logo
1 de 6
DISEÑO EN HTML


Presentado por: julieth katerine Martínez tenorio

Presentado a : Héctor julio gil

Curso: 1101
QUE ES HTML
Es el lenguaje marcado predominado
para la elaboración de pag wed. Es
usado para escribir la estructura y el
contenido en forma de texto así como
para completar el texto con objetos
tales como imagen , en HTML se
escribe formas de etiquetas rodeadas
por corchetes (< >).
Estructura básica
<HTML>

<HEAD>

<TITLE> Título de la página </TITLE>

</HEAD>

<BODY>
[Aquí van las etiquetas que visualizan la página]

</BODY>

</HTML>
DANDO FORMA AL TEXTO
   DEL DOCUMENTO HTML
<HTML>
<HEAD>
<TITLE> Mi pagina en la Web </TITLE>
</HEAD>
<BODY>
<H1> <CENTER> Primera Pagina </CENTER>
</H1>
<HR>
<P> Aquí va un segundo párrafo, que les
parece.
</BODY>
</HTML>
Los editores de HTML pueden ser de dos tipos, como
veremos, unos permiten codificar las pag utilizando el
propio lenguaje HTLM. A base de etiquetas y otros nos
 permiten diseñar una pag web, como si estuviéramos
escribiendo con un editor de texto avanzado sin tener
         que escribir el código de las etiquetas.
Amaya :enfocado a cumplir los estándares w3c, algo
                                    menos inductivo.
    Selida: solo para Windows, se puede integrar, con
       dreamweaver y funciona tanto como códigos y
                                            wysiwyg.
Seamonkey: es un suite con navegador chat, gestión de
               emailings y componer

Más contenido relacionado

La actualidad más candente

COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOSCOMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOSJenny A
 
tutorial para una pagina web
tutorial para una pagina webtutorial para una pagina web
tutorial para una pagina webkaren_malik
 
Etiquetas para estructurar texto en HTML - 4 parte
Etiquetas para estructurar texto en HTML - 4 parteEtiquetas para estructurar texto en HTML - 4 parte
Etiquetas para estructurar texto en HTML - 4 parteWendy Navia Chambi
 
Etiquetas para estructurar texto HTML5 - 2 parte
Etiquetas para estructurar texto HTML5 - 2 parteEtiquetas para estructurar texto HTML5 - 2 parte
Etiquetas para estructurar texto HTML5 - 2 parteWendy Navia Chambi
 
Codigos html y como crear una pagina Web
Codigos html y como crear una pagina WebCodigos html y como crear una pagina Web
Codigos html y como crear una pagina WebJoshi Tüsa
 
Elementos básicos y estructura de una página web
Elementos básicos y estructura de una página webElementos básicos y estructura de una página web
Elementos básicos y estructura de una página webadri9610
 
Como hacer una pagina en HTML
Como hacer una pagina en HTMLComo hacer una pagina en HTML
Como hacer una pagina en HTMLkaren_malik
 
Listado de etiquetas y atributos html
Listado de etiquetas y atributos htmlListado de etiquetas y atributos html
Listado de etiquetas y atributos htmljulyovalle
 
Producto 3
Producto 3Producto 3
Producto 3LaloWR11
 

La actualidad más candente (19)

Presentación html
Presentación htmlPresentación html
Presentación html
 
Paginas web
Paginas webPaginas web
Paginas web
 
Pagina web I
Pagina web IPagina web I
Pagina web I
 
Jorge andres
Jorge andresJorge andres
Jorge andres
 
Css
CssCss
Css
 
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOSCOMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
 
tutorial para una pagina web
tutorial para una pagina webtutorial para una pagina web
tutorial para una pagina web
 
Etiquetas para estructurar texto en HTML - 4 parte
Etiquetas para estructurar texto en HTML - 4 parteEtiquetas para estructurar texto en HTML - 4 parte
Etiquetas para estructurar texto en HTML - 4 parte
 
Estructura.html 1
Estructura.html 1Estructura.html 1
Estructura.html 1
 
Etiquetas para estructurar texto HTML5 - 2 parte
Etiquetas para estructurar texto HTML5 - 2 parteEtiquetas para estructurar texto HTML5 - 2 parte
Etiquetas para estructurar texto HTML5 - 2 parte
 
Codigos html y como crear una pagina Web
Codigos html y como crear una pagina WebCodigos html y como crear una pagina Web
Codigos html y como crear una pagina Web
 
Introducion a HTML5
Introducion a HTML5Introducion a HTML5
Introducion a HTML5
 
Trabajo en clase
Trabajo en clase Trabajo en clase
Trabajo en clase
 
Elementos básicos y estructura de una página web
Elementos básicos y estructura de una página webElementos básicos y estructura de una página web
Elementos básicos y estructura de una página web
 
Como hacer una pagina en HTML
Como hacer una pagina en HTMLComo hacer una pagina en HTML
Como hacer una pagina en HTML
 
MANUAL PARA CREAR PÁGINAS WEB CON HTML
MANUAL PARA CREAR PÁGINAS WEB CON HTMLMANUAL PARA CREAR PÁGINAS WEB CON HTML
MANUAL PARA CREAR PÁGINAS WEB CON HTML
 
Listado de etiquetas y atributos html
Listado de etiquetas y atributos htmlListado de etiquetas y atributos html
Listado de etiquetas y atributos html
 
Presentaciónblogs
PresentaciónblogsPresentaciónblogs
Presentaciónblogs
 
Producto 3
Producto 3Producto 3
Producto 3
 

Destacado

Profissões do Futuro
Profissões do FuturoProfissões do Futuro
Profissões do FuturoPetersonFO
 
Apresentação costrução 1000 (1) 13.03.2015 ùltima sem vídeos
Apresentação costrução 1000 (1) 13.03.2015 ùltima sem vídeosApresentação costrução 1000 (1) 13.03.2015 ùltima sem vídeos
Apresentação costrução 1000 (1) 13.03.2015 ùltima sem vídeosjeunsesse
 
Justificación
JustificaciónJustificación
JustificaciónDaniel ZF
 
Como trocar livros e demais leituras no compartilhe leituras
Como trocar livros e demais leituras no compartilhe leiturasComo trocar livros e demais leituras no compartilhe leituras
Como trocar livros e demais leituras no compartilhe leiturasVictor Barroso Oliveira
 
dinesh singh flowcytometry
dinesh singh flowcytometry dinesh singh flowcytometry
dinesh singh flowcytometry Dinesh singh
 
Planeación de español ( maestra abigaid) versión 2.1
Planeación de español ( maestra abigaid) versión 2.1Planeación de español ( maestra abigaid) versión 2.1
Planeación de español ( maestra abigaid) versión 2.1Brayan Jimenez Carmona
 
Acciones para el desarrollo de la Banda Ancha
Acciones para el desarrollo de la Banda AnchaAcciones para el desarrollo de la Banda Ancha
Acciones para el desarrollo de la Banda AnchaInvestigaciontelecom
 
Emprendimiento social
Emprendimiento socialEmprendimiento social
Emprendimiento socialJuan Duke
 
LChalk - DPS placement report for linkedin
LChalk - DPS placement report for linkedinLChalk - DPS placement report for linkedin
LChalk - DPS placement report for linkedinLewis Chalk
 

Destacado (18)

Profissões do Futuro
Profissões do FuturoProfissões do Futuro
Profissões do Futuro
 
Cómo ascender en la empresa
Cómo ascender en la empresaCómo ascender en la empresa
Cómo ascender en la empresa
 
Apresentação costrução 1000 (1) 13.03.2015 ùltima sem vídeos
Apresentação costrução 1000 (1) 13.03.2015 ùltima sem vídeosApresentação costrução 1000 (1) 13.03.2015 ùltima sem vídeos
Apresentação costrução 1000 (1) 13.03.2015 ùltima sem vídeos
 
Excel
ExcelExcel
Excel
 
Justificación
JustificaciónJustificación
Justificación
 
Pesquisa demográfica
Pesquisa demográficaPesquisa demográfica
Pesquisa demográfica
 
Como trocar livros e demais leituras no compartilhe leituras
Como trocar livros e demais leituras no compartilhe leiturasComo trocar livros e demais leituras no compartilhe leituras
Como trocar livros e demais leituras no compartilhe leituras
 
Weighted Vertex Collections e SciDB
Weighted Vertex Collections e SciDBWeighted Vertex Collections e SciDB
Weighted Vertex Collections e SciDB
 
dinesh singh flowcytometry
dinesh singh flowcytometry dinesh singh flowcytometry
dinesh singh flowcytometry
 
Semana 6 termodinámica-primera ley
Semana 6 termodinámica-primera leySemana 6 termodinámica-primera ley
Semana 6 termodinámica-primera ley
 
Telhas de PET
Telhas de PETTelhas de PET
Telhas de PET
 
Planeación de español ( maestra abigaid) versión 2.1
Planeación de español ( maestra abigaid) versión 2.1Planeación de español ( maestra abigaid) versión 2.1
Planeación de español ( maestra abigaid) versión 2.1
 
Trabajo con Tics del ctp de turrubares
Trabajo con Tics del ctp de turrubaresTrabajo con Tics del ctp de turrubares
Trabajo con Tics del ctp de turrubares
 
Club atlético la parada
Club atlético la paradaClub atlético la parada
Club atlético la parada
 
Semana 1 elasticidad
Semana 1 elasticidadSemana 1 elasticidad
Semana 1 elasticidad
 
Acciones para el desarrollo de la Banda Ancha
Acciones para el desarrollo de la Banda AnchaAcciones para el desarrollo de la Banda Ancha
Acciones para el desarrollo de la Banda Ancha
 
Emprendimiento social
Emprendimiento socialEmprendimiento social
Emprendimiento social
 
LChalk - DPS placement report for linkedin
LChalk - DPS placement report for linkedinLChalk - DPS placement report for linkedin
LChalk - DPS placement report for linkedin
 

Similar a Julieth (20)

Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Manual html
Manual htmlManual html
Manual html
 
CONSULTA.docx
CONSULTA.docxCONSULTA.docx
CONSULTA.docx
 
Leslie rios y natasha saravia
Leslie rios y natasha saraviaLeslie rios y natasha saravia
Leslie rios y natasha saravia
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Htlm
HtlmHtlm
Htlm
 
Htlm
HtlmHtlm
Htlm
 
Html
HtmlHtml
Html
 
Jessica
JessicaJessica
Jessica
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
Curso de html
Curso de htmlCurso de html
Curso de html
 
El lenguaje de programación en las páginas web
El lenguaje de programación en las páginas webEl lenguaje de programación en las páginas web
El lenguaje de programación en las páginas web
 
Lenguaje de programación de páginas web
Lenguaje de programación de páginas webLenguaje de programación de páginas web
Lenguaje de programación de páginas web
 
ACTIVIDAD.docx
ACTIVIDAD.docxACTIVIDAD.docx
ACTIVIDAD.docx
 
Clase 3 HTML
Clase 3 HTMLClase 3 HTML
Clase 3 HTML
 
Presentacion de html
Presentacion de htmlPresentacion de html
Presentacion de html
 
Presentacion de html
Presentacion de htmlPresentacion de html
Presentacion de html
 
Html
HtmlHtml
Html
 
Colegio nicolas esguerra222
Colegio nicolas esguerra222Colegio nicolas esguerra222
Colegio nicolas esguerra222
 

Julieth

  • 1. DISEÑO EN HTML Presentado por: julieth katerine Martínez tenorio Presentado a : Héctor julio gil Curso: 1101
  • 2. QUE ES HTML Es el lenguaje marcado predominado para la elaboración de pag wed. Es usado para escribir la estructura y el contenido en forma de texto así como para completar el texto con objetos tales como imagen , en HTML se escribe formas de etiquetas rodeadas por corchetes (< >).
  • 3. Estructura básica <HTML> <HEAD> <TITLE> Título de la página </TITLE> </HEAD> <BODY> [Aquí van las etiquetas que visualizan la página] </BODY> </HTML>
  • 4. DANDO FORMA AL TEXTO DEL DOCUMENTO HTML <HTML> <HEAD> <TITLE> Mi pagina en la Web </TITLE> </HEAD> <BODY> <H1> <CENTER> Primera Pagina </CENTER> </H1> <HR> <P> Aquí va un segundo párrafo, que les parece. </BODY> </HTML>
  • 5. Los editores de HTML pueden ser de dos tipos, como veremos, unos permiten codificar las pag utilizando el propio lenguaje HTLM. A base de etiquetas y otros nos permiten diseñar una pag web, como si estuviéramos escribiendo con un editor de texto avanzado sin tener que escribir el código de las etiquetas.
  • 6. Amaya :enfocado a cumplir los estándares w3c, algo menos inductivo. Selida: solo para Windows, se puede integrar, con dreamweaver y funciona tanto como códigos y wysiwyg. Seamonkey: es un suite con navegador chat, gestión de emailings y componer