SlideShare una empresa de Scribd logo
1 de 8
UNIVERSIDAD TÉCNICA DE
AMBATO
NTICS
TITULO: CÓDIGO HTML
INTEGRANTES: ESPÍN CYNTIA
CURSO: SEGUNDO INDUSTRIAL “B”
DOCENTE: ING.. ALBA MIRANDA
Que es el código html
• HTML es el lenguaje que se emplea para el desarrollo de
páginas de internet. Está compuesto por una serie de
etiquetas que el navegador interpreta y da forma en la
pantalla. HTML dispone de etiquetas para imágenes,
hipervínculos que nos permiten dirigirnos a otras páginas,
saltos de línea, listas, tablas, etc.
• El HTML es un lenguaje de marcación de elementos para la creación
de documentos hipertexto, muy fácil de aprender, lo que permite que
cualquier persona
• El HTML no distingue entre mayúsculas y minúsculas, por lo
que <B> sería equivalente a <b>. Lo común es que los desarrolladores
escriban las etiquetas en minúscula
• Atención: los primeros pasos son bastante simples, abre un block de notas y, al
finalizar, guárdalo en guardar como... con .HTML al final ejemplo:
nombredelarchivo.html
Después de abrir el block, escribe lo siguiente
<html>
<head>
<title>
Aquí va el titulo que puedes ver arriba el de acá es taringa
</title>
</head>
<body>
Aquí va lo que vez adentro de la pagina
</body>
<html>
• Lo que está entre estos signos:
< >
se llama etiqueta
Cuando la etiqueta tiene este signo antes"/" es decir que se cierra.
• COLOR DE FONDO Y DE FUENTE
El color de fondo se define así:
<body bgcolor="color">
• EL COLOR DEL TEXTO SE DEFINE ASÍ:
<body text ="color">
• PERSONALIZAR EL TEXTO ESCRITO
Para cambiar el color y el tamaño de un texto y la letra en especial:
<font color="blue" size="4" face="Comic Sans MS, Arial, MS Sans Serif">
Hola </font> <------- Importante
Color es igual que arriba y size es un numero entero del 1 al 7
• PARA LA LETRA EN EL SENTIDO DE NEGRITA, ETC...:
<b>negrita</b>
<i>cursiva</i>
<u>subrayado</u>
<s>tachado</s>
<tt>teletipo (máquina de escribir)</tt>
<big>aumenta el tamaño de la fuente</big>
<small>disminuye el tamaño de la fuente</small>
PARA EL TAMAÑO DE LA LETRA EN BÁSICO, SE ESCRIBE ASÍ:
<h1>Muy grande</h1>
<h2>Grande</h2>
<h3>Mediano Grande</h3>
<h4>Mediano</h4>
<h5>Mediano Chico</h5>
<h6>Chico</h6>
• Por último, para hacer que el texto se note realmente, existen
las marquesinas (es cuando el texto se mueve por una banda):
<marquee bgcolor="blue" behavior="alternate"
direction="right">
<font color="red" size="5">Aqui estará el texto </font>
</marquee>
Bibliografia
• http://www.aprenderaprogramar.com/index.php?option=com_content&view=art
icle&id=435:ique-es-y-para-que-sirve-html-el-lenguaje-mas-importante-para-
crear-paginas-webs-html-tags-cu00704b&catid=69:tutorial-basico-programador-
web-html-desde-cero&Itemid=192
• http://www.desarrolloweb.com/articulos/que-es-html.html

Más contenido relacionado

La actualidad más candente

La actualidad más candente (19)

Html
HtmlHtml
Html
 
Mariuxi perez
Mariuxi perezMariuxi perez
Mariuxi perez
 
HTML
HTMLHTML
HTML
 
Etiquetas Html Udp
Etiquetas Html UdpEtiquetas Html Udp
Etiquetas Html Udp
 
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
 
Decimo guia1 informatica
Decimo guia1 informaticaDecimo guia1 informatica
Decimo guia1 informatica
 
Clase 1 periodo II html
Clase 1 periodo II  htmlClase 1 periodo II  html
Clase 1 periodo II html
 
Sitio Web / Introducción a HTML
Sitio Web / Introducción a HTMLSitio Web / Introducción a HTML
Sitio Web / Introducción a HTML
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Aprender El Lenguaje Html
Aprender El Lenguaje HtmlAprender El Lenguaje Html
Aprender El Lenguaje Html
 
Guia de html
Guia de  htmlGuia de  html
Guia de html
 
Temas de html
Temas de htmlTemas de html
Temas de html
 
Html
HtmlHtml
Html
 
Navegadores web
Navegadores webNavegadores web
Navegadores web
 
tutorial para una pagina web
tutorial para una pagina webtutorial para una pagina web
tutorial para una pagina web
 
Html
HtmlHtml
Html
 
Actividad nº6
Actividad nº6Actividad nº6
Actividad nº6
 
Html
HtmlHtml
Html
 
Qué es html
Qué es htmlQué es html
Qué es html
 

Destacado

A europa medieval entre os séculos xi e xv.
A europa medieval entre os séculos xi e xv.A europa medieval entre os séculos xi e xv.
A europa medieval entre os séculos xi e xv.velazquezturnesnieves
 
Sidecar Carga, Carretinha para Moto
Sidecar Carga, Carretinha para MotoSidecar Carga, Carretinha para Moto
Sidecar Carga, Carretinha para MotoFibralumi
 
Semi Reboque Para Carro - Carretinha Baú
Semi Reboque Para Carro - Carretinha BaúSemi Reboque Para Carro - Carretinha Baú
Semi Reboque Para Carro - Carretinha BaúFibralumi
 
Strateji Haritalari
Strateji HaritalariStrateji Haritalari
Strateji HaritalariEngin Çakir
 
Pengenalan Virtual Router Redudancy Protocol (VRRP) pada MikroTik RouterOS
Pengenalan Virtual Router Redudancy Protocol (VRRP) pada MikroTik RouterOSPengenalan Virtual Router Redudancy Protocol (VRRP) pada MikroTik RouterOS
Pengenalan Virtual Router Redudancy Protocol (VRRP) pada MikroTik RouterOSI Putu Hariyadi
 
Tafsir ayat shalawat (edisi tambahan)
Tafsir ayat shalawat (edisi tambahan)Tafsir ayat shalawat (edisi tambahan)
Tafsir ayat shalawat (edisi tambahan)Muhammad Jamhuri
 
M. Kachniewska: Współczesna turystyka młodzieżowa - jak podnieść atrakcyjność...
M. Kachniewska: Współczesna turystyka młodzieżowa - jak podnieść atrakcyjność...M. Kachniewska: Współczesna turystyka młodzieżowa - jak podnieść atrakcyjność...
M. Kachniewska: Współczesna turystyka młodzieżowa - jak podnieść atrakcyjność...Magdalena Kachniewska
 
Pembahasan Soal Ujian Praktik SMK TKJ Tahun 2016 - Paket 2
Pembahasan Soal Ujian Praktik SMK TKJ Tahun 2016 - Paket 2Pembahasan Soal Ujian Praktik SMK TKJ Tahun 2016 - Paket 2
Pembahasan Soal Ujian Praktik SMK TKJ Tahun 2016 - Paket 2I Putu Hariyadi
 

Destacado (16)

Future vacations reviews
Future vacations reviews Future vacations reviews
Future vacations reviews
 
A europa medieval entre os séculos xi e xv.
A europa medieval entre os séculos xi e xv.A europa medieval entre os séculos xi e xv.
A europa medieval entre os séculos xi e xv.
 
Michelle roddawork2
Michelle roddawork2Michelle roddawork2
Michelle roddawork2
 
Sidecar Carga, Carretinha para Moto
Sidecar Carga, Carretinha para MotoSidecar Carga, Carretinha para Moto
Sidecar Carga, Carretinha para Moto
 
Semi Reboque Para Carro - Carretinha Baú
Semi Reboque Para Carro - Carretinha BaúSemi Reboque Para Carro - Carretinha Baú
Semi Reboque Para Carro - Carretinha Baú
 
Integral
IntegralIntegral
Integral
 
Matriz de mentiras no económicas: El Presidente Derrocha
Matriz de mentiras no económicas: El Presidente DerrochaMatriz de mentiras no económicas: El Presidente Derrocha
Matriz de mentiras no económicas: El Presidente Derrocha
 
Tesis mikrotik
Tesis mikrotikTesis mikrotik
Tesis mikrotik
 
Elevado gasto público
Elevado gasto públicoElevado gasto público
Elevado gasto público
 
Informe a la Nación 2016: No hay un aumento de Instituciones Públicas
Informe a la Nación 2016: No hay un aumento de Instituciones PúblicasInforme a la Nación 2016: No hay un aumento de Instituciones Públicas
Informe a la Nación 2016: No hay un aumento de Instituciones Públicas
 
Strateji Haritalari
Strateji HaritalariStrateji Haritalari
Strateji Haritalari
 
Resume 2016
Resume 2016Resume 2016
Resume 2016
 
Pengenalan Virtual Router Redudancy Protocol (VRRP) pada MikroTik RouterOS
Pengenalan Virtual Router Redudancy Protocol (VRRP) pada MikroTik RouterOSPengenalan Virtual Router Redudancy Protocol (VRRP) pada MikroTik RouterOS
Pengenalan Virtual Router Redudancy Protocol (VRRP) pada MikroTik RouterOS
 
Tafsir ayat shalawat (edisi tambahan)
Tafsir ayat shalawat (edisi tambahan)Tafsir ayat shalawat (edisi tambahan)
Tafsir ayat shalawat (edisi tambahan)
 
M. Kachniewska: Współczesna turystyka młodzieżowa - jak podnieść atrakcyjność...
M. Kachniewska: Współczesna turystyka młodzieżowa - jak podnieść atrakcyjność...M. Kachniewska: Współczesna turystyka młodzieżowa - jak podnieść atrakcyjność...
M. Kachniewska: Współczesna turystyka młodzieżowa - jak podnieść atrakcyjność...
 
Pembahasan Soal Ujian Praktik SMK TKJ Tahun 2016 - Paket 2
Pembahasan Soal Ujian Praktik SMK TKJ Tahun 2016 - Paket 2Pembahasan Soal Ujian Praktik SMK TKJ Tahun 2016 - Paket 2
Pembahasan Soal Ujian Praktik SMK TKJ Tahun 2016 - Paket 2
 

Similar a Codigo html (20)

Aprender el lenguaje html
Aprender el lenguaje htmlAprender el lenguaje html
Aprender el lenguaje html
 
Aprender el lenguaje html
Aprender el lenguaje htmlAprender el lenguaje html
Aprender el lenguaje html
 
Diseño de página web
Diseño de página webDiseño de página web
Diseño de página web
 
Presentación
PresentaciónPresentación
Presentación
 
Unidad # 1
Unidad # 1Unidad # 1
Unidad # 1
 
Unidad # 1
Unidad # 1Unidad # 1
Unidad # 1
 
Html – básico 1
Html – básico 1Html – básico 1
Html – básico 1
 
Manual de-html
Manual de-htmlManual de-html
Manual de-html
 
manual de html
manual de htmlmanual de html
manual de html
 
Html explicacion grado 10
Html explicacion grado 10Html explicacion grado 10
Html explicacion grado 10
 
HTML
HTMLHTML
HTML
 
HTML
HTMLHTML
HTML
 
Etiquetas en Html
Etiquetas en HtmlEtiquetas en Html
Etiquetas en Html
 
HTML
HTMLHTML
HTML
 
HTML: introduccion al html (Hypertext Markup Language HTML)
HTML: introduccion al html (Hypertext Markup LanguageHTML)HTML: introduccion al html (Hypertext Markup LanguageHTML)
HTML: introduccion al html (Hypertext Markup Language HTML)
 
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
 
Páginas web en formato HTML
Páginas web en formato HTMLPáginas web en formato HTML
Páginas web en formato HTML
 
Diseño de páginas web
Diseño de páginas webDiseño de páginas web
Diseño de páginas web
 
Páginas web (1)
Páginas web (1)Páginas web (1)
Páginas web (1)
 
Fundamentos HTML
Fundamentos HTMLFundamentos HTML
Fundamentos HTML
 

Último

PSICOPATOLOGIA I.pptxdhehehehehehehehehe
PSICOPATOLOGIA I.pptxdhehehehehehehehehePSICOPATOLOGIA I.pptxdhehehehehehehehehe
PSICOPATOLOGIA I.pptxdheheheheheheheheheErickRolandoPadillaC1
 
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...CENECOnline
 
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjjPPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjjNachisRamos
 
Unidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucionesUnidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucioneschorantina325
 
Corte de luz 2024 Guayaquil Guayas ecuad
Corte de luz 2024 Guayaquil Guayas ecuadCorte de luz 2024 Guayaquil Guayas ecuad
Corte de luz 2024 Guayaquil Guayas ecuadJonathanHctorSilvaRo
 
Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digitalNayaniJulietaRamosRa
 

Último (6)

PSICOPATOLOGIA I.pptxdhehehehehehehehehe
PSICOPATOLOGIA I.pptxdhehehehehehehehehePSICOPATOLOGIA I.pptxdhehehehehehehehehe
PSICOPATOLOGIA I.pptxdhehehehehehehehehe
 
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...
 
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjjPPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
 
Unidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucionesUnidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disoluciones
 
Corte de luz 2024 Guayaquil Guayas ecuad
Corte de luz 2024 Guayaquil Guayas ecuadCorte de luz 2024 Guayaquil Guayas ecuad
Corte de luz 2024 Guayaquil Guayas ecuad
 
Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digital
 

Codigo html

  • 1. UNIVERSIDAD TÉCNICA DE AMBATO NTICS TITULO: CÓDIGO HTML INTEGRANTES: ESPÍN CYNTIA CURSO: SEGUNDO INDUSTRIAL “B” DOCENTE: ING.. ALBA MIRANDA
  • 2. Que es el código html • HTML es el lenguaje que se emplea para el desarrollo de páginas de internet. Está compuesto por una serie de etiquetas que el navegador interpreta y da forma en la pantalla. HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc.
  • 3. • El HTML es un lenguaje de marcación de elementos para la creación de documentos hipertexto, muy fácil de aprender, lo que permite que cualquier persona • El HTML no distingue entre mayúsculas y minúsculas, por lo que <B> sería equivalente a <b>. Lo común es que los desarrolladores escriban las etiquetas en minúscula
  • 4. • Atención: los primeros pasos son bastante simples, abre un block de notas y, al finalizar, guárdalo en guardar como... con .HTML al final ejemplo: nombredelarchivo.html Después de abrir el block, escribe lo siguiente <html> <head> <title> Aquí va el titulo que puedes ver arriba el de acá es taringa </title> </head> <body> Aquí va lo que vez adentro de la pagina </body> <html>
  • 5. • Lo que está entre estos signos: < > se llama etiqueta Cuando la etiqueta tiene este signo antes"/" es decir que se cierra. • COLOR DE FONDO Y DE FUENTE El color de fondo se define así: <body bgcolor="color"> • EL COLOR DEL TEXTO SE DEFINE ASÍ: <body text ="color"> • PERSONALIZAR EL TEXTO ESCRITO Para cambiar el color y el tamaño de un texto y la letra en especial: <font color="blue" size="4" face="Comic Sans MS, Arial, MS Sans Serif"> Hola </font> <------- Importante Color es igual que arriba y size es un numero entero del 1 al 7
  • 6. • PARA LA LETRA EN EL SENTIDO DE NEGRITA, ETC...: <b>negrita</b> <i>cursiva</i> <u>subrayado</u> <s>tachado</s> <tt>teletipo (máquina de escribir)</tt> <big>aumenta el tamaño de la fuente</big> <small>disminuye el tamaño de la fuente</small> PARA EL TAMAÑO DE LA LETRA EN BÁSICO, SE ESCRIBE ASÍ: <h1>Muy grande</h1> <h2>Grande</h2> <h3>Mediano Grande</h3> <h4>Mediano</h4> <h5>Mediano Chico</h5> <h6>Chico</h6>
  • 7. • Por último, para hacer que el texto se note realmente, existen las marquesinas (es cuando el texto se mueve por una banda): <marquee bgcolor="blue" behavior="alternate" direction="right"> <font color="red" size="5">Aqui estará el texto </font> </marquee>