SlideShare una empresa de Scribd logo
1 de 2
Colegio nacional Nicolás esguerra 
Daniel Felipe Tovar Aguilar 
1. Lo primero que debemos hacer es crear un bloc de notas 
Luego hay que copiar estos códigos 
<HTML> 
<HEAD> 
<TITLE> COLEGIO NACIONAL NICOLAS ESGUERRA </TITLE> 
</HEAD> 
<BODY BGCOLOR="GREEN" TEXT="WHITE"> 
BIENVENIDOS AL PORTAL WEB DE NUESTRO COLEGIO<BR> 
76 AÑOS EDIFICAMOS FUTURO<BR><BR> 
<H1>COLEGIO NACIONAL NICOLAS ESGUERRA</H1><BR> 
<HR> 
<MARQUEE>EDIFICAMOS FUTURO</MARQUEE><BR> 
<HR> 
<IMG SRC="IMAGENES/ESCUDO.JPG" BORDER="1505" WIDTH="150" HEIGHT="150"> 
<TABLE BORDER="1"> 
<TR> 
<TD>ASIGNATURA</TD> 
<TD>DOCENTE</TD> 
</TR> 
<TR> 
<TD>MATEMATICAS</TD> 
<TD>ROSA COLOMBIA</TD> 
</TR> 
<TR> 
<TD>ESPAÑOL</TD> 
<TD>GLORIA CASTAÑEDA</TD> 
</TR> 
<TR> 
<TD>INGLES</TD> 
<TD>CLAUDIA MELGAREJO</TD>
</TR> 
</TABLE> 
2. Guardar el documento del bloc de notas con la extensión .HTML 
3. el documento queda con extensión para el navegador 
4. abrir el documento chrome para ver la pag que cree 
Para insertar una imagen es necesario insertar la etiqueta <img>. Dicha etiqueta no necesita 
etiqueta de cierre. 
El nombre de la imagen ha de especificarse a través del atributo src. 
Por ejemplo, para insertar la siguiente imagen: 
Habría que escribir: 
<imgsrc="imagenes/escudo.jpg">

Más contenido relacionado

La actualidad más candente (20)

Estimados alumnos
Estimados alumnosEstimados alumnos
Estimados alumnos
 
Uso avanzado del navegador
Uso avanzado del navegadorUso avanzado del navegador
Uso avanzado del navegador
 
Pagina web
Pagina webPagina web
Pagina web
 
COLEGIO NICOLAS ESGUERRA
COLEGIO NICOLAS ESGUERRACOLEGIO NICOLAS ESGUERRA
COLEGIO NICOLAS ESGUERRA
 
3
33
3
 
Html
HtmlHtml
Html
 
p
pp
p
 
COMO CREAR UN PAGINA WEB 3.0
COMO CREAR UN PAGINA WEB 3.0COMO CREAR UN PAGINA WEB 3.0
COMO CREAR UN PAGINA WEB 3.0
 
Colegio nicolas esguerra2
Colegio nicolas esguerra2Colegio nicolas esguerra2
Colegio nicolas esguerra2
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
PAGINA WEB 2.5
PAGINA WEB 2.5PAGINA WEB 2.5
PAGINA WEB 2.5
 
Paginas web
Paginas webPaginas web
Paginas web
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Html trabajo 7
Html trabajo 7Html trabajo 7
Html trabajo 7
 
Mi primera pagina web (2)
Mi primera pagina web (2)Mi primera pagina web (2)
Mi primera pagina web (2)
 
Tutorial historial y cookies
Tutorial historial y cookiesTutorial historial y cookies
Tutorial historial y cookies
 
Estructura de la pag web
Estructura de la pag webEstructura de la pag web
Estructura de la pag web
 
S.p.m
S.p.mS.p.m
S.p.m
 
imagenes y demas
imagenes y demasimagenes y demas
imagenes y demas
 
Explicacion html
Explicacion htmlExplicacion html
Explicacion html
 

Destacado

Mi primera pagina
Mi primera paginaMi primera pagina
Mi primera paginafelipe4519
 
Base de datos relacionales
Base de datos relacionalesBase de datos relacionales
Base de datos relacionalesfelipe4519
 
ACCES 2010 UNIDAD 3 Y 4
ACCES 2010 UNIDAD 3 Y 4 ACCES 2010 UNIDAD 3 Y 4
ACCES 2010 UNIDAD 3 Y 4 felipe4519
 
Bases de datos relacionales
Bases de datos relacionalesBases de datos relacionales
Bases de datos relacionalesfelipe4519
 
Homenaje gustavo cerati
Homenaje gustavo ceratiHomenaje gustavo cerati
Homenaje gustavo ceratifelipe4519
 
CLEAN - Patented MBS Prepayment and Valuation Model
CLEAN - Patented MBS Prepayment and Valuation ModelCLEAN - Patented MBS Prepayment and Valuation Model
CLEAN - Patented MBS Prepayment and Valuation ModelKalotayAnalytics
 
Pemerintah kota parepare
Pemerintah kota pareparePemerintah kota parepare
Pemerintah kota pareparesmpn05makassar
 
Revista la Educ@ción (2011, Nº145). Principios pedagógicos y comunicacionales...
Revista la Educ@ción (2011, Nº145). Principios pedagógicos y comunicacionales...Revista la Educ@ción (2011, Nº145). Principios pedagógicos y comunicacionales...
Revista la Educ@ción (2011, Nº145). Principios pedagógicos y comunicacionales...Marco AP
 
Conocimiento tecnologico
Conocimiento tecnologicoConocimiento tecnologico
Conocimiento tecnologicoMarco AP
 
Internship Poster (2)-2
Internship Poster (2)-2Internship Poster (2)-2
Internship Poster (2)-2Erin Albrecht
 

Destacado (20)

Mi primera pagina
Mi primera paginaMi primera pagina
Mi primera pagina
 
Base de datos relacionales
Base de datos relacionalesBase de datos relacionales
Base de datos relacionales
 
Access
AccessAccess
Access
 
TRABAJO FINAL
TRABAJO FINALTRABAJO FINAL
TRABAJO FINAL
 
ACCES 2010 UNIDAD 3 Y 4
ACCES 2010 UNIDAD 3 Y 4 ACCES 2010 UNIDAD 3 Y 4
ACCES 2010 UNIDAD 3 Y 4
 
Bases de datos relacionales
Bases de datos relacionalesBases de datos relacionales
Bases de datos relacionales
 
Formularios
FormulariosFormularios
Formularios
 
Homenaje gustavo cerati
Homenaje gustavo ceratiHomenaje gustavo cerati
Homenaje gustavo cerati
 
R53778
R53778R53778
R53778
 
La lettre du climat n°02
La lettre du climat n°02La lettre du climat n°02
La lettre du climat n°02
 
CLEAN - Patented MBS Prepayment and Valuation Model
CLEAN - Patented MBS Prepayment and Valuation ModelCLEAN - Patented MBS Prepayment and Valuation Model
CLEAN - Patented MBS Prepayment and Valuation Model
 
Megawelle 122014
Megawelle 122014Megawelle 122014
Megawelle 122014
 
Pemerintah kota parepare
Pemerintah kota pareparePemerintah kota parepare
Pemerintah kota parepare
 
Daftar hasil razia kendaraan bermotor
Daftar hasil razia kendaraan bermotorDaftar hasil razia kendaraan bermotor
Daftar hasil razia kendaraan bermotor
 
Revista la Educ@ción (2011, Nº145). Principios pedagógicos y comunicacionales...
Revista la Educ@ción (2011, Nº145). Principios pedagógicos y comunicacionales...Revista la Educ@ción (2011, Nº145). Principios pedagógicos y comunicacionales...
Revista la Educ@ción (2011, Nº145). Principios pedagógicos y comunicacionales...
 
Conocimiento tecnologico
Conocimiento tecnologicoConocimiento tecnologico
Conocimiento tecnologico
 
Internship Poster (2)-2
Internship Poster (2)-2Internship Poster (2)-2
Internship Poster (2)-2
 
Pemerintah kab. wajo
Pemerintah kab. wajoPemerintah kab. wajo
Pemerintah kab. wajo
 
Retirement income
Retirement incomeRetirement income
Retirement income
 
PEDIDO DE PRISÃO DE LULA
PEDIDO  DE PRISÃO  DE  LULAPEDIDO  DE PRISÃO  DE  LULA
PEDIDO DE PRISÃO DE LULA
 

Similar a Explicacion de html

Trabajo de informática #2
Trabajo de informática  #2Trabajo de informática  #2
Trabajo de informática #2Juan Carreño
 
Trabajo de informática la unidad 2 y 3
Trabajo de informática la unidad 2 y 3Trabajo de informática la unidad 2 y 3
Trabajo de informática la unidad 2 y 3Juan Carreño
 
Unidad 2 pagina web
Unidad 2 pagina webUnidad 2 pagina web
Unidad 2 pagina webjuandiegoc
 
Unidad pagina web
Unidad  pagina webUnidad  pagina web
Unidad pagina webjuandiegoc
 
Unidad 2 pagina web
Unidad 2 pagina webUnidad 2 pagina web
Unidad 2 pagina webjuandiegoc
 
como hacer un menu en html
como hacer un menu en html como hacer un menu en html
como hacer un menu en html juanjo1412
 
Unidad 2 pagina web
Unidad 2 pagina webUnidad 2 pagina web
Unidad 2 pagina webwilson000
 
Html trabajo 7 904 JR
Html trabajo 7 904 JRHtml trabajo 7 904 JR
Html trabajo 7 904 JRjayerxD
 
Web del colegio nicolas esguerra proyecto
Web del colegio nicolas esguerra proyectoWeb del colegio nicolas esguerra proyecto
Web del colegio nicolas esguerra proyectoDani Castillo Kastillo
 
Colegio nacional nicolã¡s_esguerra[1]
Colegio nacional nicolã¡s_esguerra[1]Colegio nacional nicolã¡s_esguerra[1]
Colegio nacional nicolã¡s_esguerra[1]gask197
 
Trabajar con tablas
Trabajar con tablasTrabajar con tablas
Trabajar con tablaslacatorce
 

Similar a Explicacion de html (20)

Trabajo de informática #2
Trabajo de informática  #2Trabajo de informática  #2
Trabajo de informática #2
 
Trabajar con tablas
Trabajar con tablasTrabajar con tablas
Trabajar con tablas
 
Pagina web
Pagina webPagina web
Pagina web
 
Trabajo de informática la unidad 2 y 3
Trabajo de informática la unidad 2 y 3Trabajo de informática la unidad 2 y 3
Trabajo de informática la unidad 2 y 3
 
Unidad 2 pagina web
Unidad 2 pagina webUnidad 2 pagina web
Unidad 2 pagina web
 
Unidad pagina web
Unidad  pagina webUnidad  pagina web
Unidad pagina web
 
Unidad 2 pagina web
Unidad 2 pagina webUnidad 2 pagina web
Unidad 2 pagina web
 
como hacer un menu en html
como hacer un menu en html como hacer un menu en html
como hacer un menu en html
 
Unidad 2 pagina web
Unidad 2 pagina webUnidad 2 pagina web
Unidad 2 pagina web
 
PAGINA WEB 2.5
PAGINA WEB 2.5PAGINA WEB 2.5
PAGINA WEB 2.5
 
PAGINA WEB 2.5
PAGINA WEB 2.5PAGINA WEB 2.5
PAGINA WEB 2.5
 
Html trabajo 7 904 JR
Html trabajo 7 904 JRHtml trabajo 7 904 JR
Html trabajo 7 904 JR
 
Web del colegio nicolas esguerra proyecto
Web del colegio nicolas esguerra proyectoWeb del colegio nicolas esguerra proyecto
Web del colegio nicolas esguerra proyecto
 
Html 3
Html 3Html 3
Html 3
 
Htmly
HtmlyHtmly
Htmly
 
Html
HtmlHtml
Html
 
Suficiencia html
Suficiencia htmlSuficiencia html
Suficiencia html
 
Html 3
Html 3Html 3
Html 3
 
Colegio nacional nicolã¡s_esguerra[1]
Colegio nacional nicolã¡s_esguerra[1]Colegio nacional nicolã¡s_esguerra[1]
Colegio nacional nicolã¡s_esguerra[1]
 
Trabajar con tablas
Trabajar con tablasTrabajar con tablas
Trabajar con tablas
 

Más de felipe4519

Feliz cumpleaños flaquita final
Feliz cumpleaños flaquita finalFeliz cumpleaños flaquita final
Feliz cumpleaños flaquita finalfelipe4519
 
Homenajegustavocerati
HomenajegustavoceratiHomenajegustavocerati
Homenajegustavoceratifelipe4519
 
Miprimerapagina
MiprimerapaginaMiprimerapagina
Miprimerapaginafelipe4519
 
Mi primera pagina
Mi primera paginaMi primera pagina
Mi primera paginafelipe4519
 
Bases de datos relacionales
Bases de datos relacionalesBases de datos relacionales
Bases de datos relacionalesfelipe4519
 
Correciondelaepu 140608210735-phpapp01
Correciondelaepu 140608210735-phpapp01Correciondelaepu 140608210735-phpapp01
Correciondelaepu 140608210735-phpapp01felipe4519
 
Sensor de sonido
Sensor de sonidoSensor de sonido
Sensor de sonidofelipe4519
 
Sensor de sonido
Sensor de sonidoSensor de sonido
Sensor de sonidofelipe4519
 
Sensor ultrasonico
Sensor ultrasonicoSensor ultrasonico
Sensor ultrasonicofelipe4519
 
Sensor fotosensible
Sensor fotosensibleSensor fotosensible
Sensor fotosensiblefelipe4519
 
Robot educator programing parte 2
Robot educator programing parte 2Robot educator programing parte 2
Robot educator programing parte 2felipe4519
 
Robot educator
Robot educatorRobot educator
Robot educatorfelipe4519
 

Más de felipe4519 (20)

Feliz cumpleaños flaquita final
Feliz cumpleaños flaquita finalFeliz cumpleaños flaquita final
Feliz cumpleaños flaquita final
 
Homenajegustavocerati
HomenajegustavoceratiHomenajegustavocerati
Homenajegustavocerati
 
Miprimerapagina
MiprimerapaginaMiprimerapagina
Miprimerapagina
 
Mi primera pagina
Mi primera paginaMi primera pagina
Mi primera pagina
 
Formularios
FormulariosFormularios
Formularios
 
Formularios
FormulariosFormularios
Formularios
 
Bases de datos relacionales
Bases de datos relacionalesBases de datos relacionales
Bases de datos relacionales
 
BASE DE DATOS
BASE DE DATOSBASE DE DATOS
BASE DE DATOS
 
Base de datos
Base de datosBase de datos
Base de datos
 
Access
AccessAccess
Access
 
Correciondelaepu 140608210735-phpapp01
Correciondelaepu 140608210735-phpapp01Correciondelaepu 140608210735-phpapp01
Correciondelaepu 140608210735-phpapp01
 
Sensor de sonido
Sensor de sonidoSensor de sonido
Sensor de sonido
 
Sensor de sonido
Sensor de sonidoSensor de sonido
Sensor de sonido
 
Sensor ultrasonico
Sensor ultrasonicoSensor ultrasonico
Sensor ultrasonico
 
Sensor fotosensible
Sensor fotosensibleSensor fotosensible
Sensor fotosensible
 
Sensor tactil
Sensor tactilSensor tactil
Sensor tactil
 
Robot educator programing parte 2
Robot educator programing parte 2Robot educator programing parte 2
Robot educator programing parte 2
 
Robot educator
Robot educatorRobot educator
Robot educator
 
Lego nxt
Lego nxtLego nxt
Lego nxt
 
ESTADISTICA
ESTADISTICAESTADISTICA
ESTADISTICA
 

Explicacion de html

  • 1. Colegio nacional Nicolás esguerra Daniel Felipe Tovar Aguilar 1. Lo primero que debemos hacer es crear un bloc de notas Luego hay que copiar estos códigos <HTML> <HEAD> <TITLE> COLEGIO NACIONAL NICOLAS ESGUERRA </TITLE> </HEAD> <BODY BGCOLOR="GREEN" TEXT="WHITE"> BIENVENIDOS AL PORTAL WEB DE NUESTRO COLEGIO<BR> 76 AÑOS EDIFICAMOS FUTURO<BR><BR> <H1>COLEGIO NACIONAL NICOLAS ESGUERRA</H1><BR> <HR> <MARQUEE>EDIFICAMOS FUTURO</MARQUEE><BR> <HR> <IMG SRC="IMAGENES/ESCUDO.JPG" BORDER="1505" WIDTH="150" HEIGHT="150"> <TABLE BORDER="1"> <TR> <TD>ASIGNATURA</TD> <TD>DOCENTE</TD> </TR> <TR> <TD>MATEMATICAS</TD> <TD>ROSA COLOMBIA</TD> </TR> <TR> <TD>ESPAÑOL</TD> <TD>GLORIA CASTAÑEDA</TD> </TR> <TR> <TD>INGLES</TD> <TD>CLAUDIA MELGAREJO</TD>
  • 2. </TR> </TABLE> 2. Guardar el documento del bloc de notas con la extensión .HTML 3. el documento queda con extensión para el navegador 4. abrir el documento chrome para ver la pag que cree Para insertar una imagen es necesario insertar la etiqueta <img>. Dicha etiqueta no necesita etiqueta de cierre. El nombre de la imagen ha de especificarse a través del atributo src. Por ejemplo, para insertar la siguiente imagen: Habría que escribir: <imgsrc="imagenes/escudo.jpg">