SlideShare una empresa de Scribd logo
1 de 4
COLEGIO NICOLAS ESGUERRA
EDIFICAMOS FUTURO
ESTUDIANTES: MAURICIO LAGOS BOLIVAR 16
SEBASTIAN LARGO LARGO17
CURSO: 901
Etiquetas básicas de HTML
Primero: abrimos el bloc de notas y le ponemos las etiquetas básicas (<html> y
</html>, <head> y </head>, <title> y </title>, <body> y </body>) y las organizamos
de la siguiente manera:
Segundo: le damos clic en archivo, guardar como y lo guardaremos con el nombre
de su página luego le ponemos un punto y seguido de este HTML, como lo
indicamos en la imagen.
Luego de guardarlo nos aparecerá la página con su navegador predestinado
Le damos clic en el icono y nos aparecerá nuestra página
Para llenar su contenido procedemos a escribir lo que queramos q aparezca en la
pantalla. Este dialogo se escribe entre <body> y </body>
Luego de esto guardamos cambios y nuevamente abrimos el icono o si ya lo tiene
abierto se le da F5 para actualizar la página.
Al terminar esta acción nos quedara algo como esto.
NOTA: Las ETIQUETASno necesariamente tienen que ser en
minúscula pero si se hace una en mayúscula todas tienen que ser
mayúsculas.

Más contenido relacionado

La actualidad más candente (19)

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
 
Html 3° medio
Html 3°  medioHtml 3°  medio
Html 3° medio
 
Html
HtmlHtml
Html
 
Tarea sesion3.html
Tarea sesion3.htmlTarea sesion3.html
Tarea sesion3.html
 
pagina html
pagina htmlpagina html
pagina html
 
2° pagina web html5
2° pagina web html52° pagina web html5
2° pagina web html5
 
Programación en html 1
Programación en html 1Programación en html 1
Programación en html 1
 
Partes de Una Pagina Web
Partes de Una Pagina WebPartes de Una Pagina Web
Partes de Una Pagina Web
 
Estructura de una pagina web
Estructura de una pagina webEstructura de una pagina web
Estructura de una pagina web
 
Estructura de una pagina web
Estructura de una pagina webEstructura de una pagina web
Estructura de una pagina web
 
Pagina a html
Pagina a htmlPagina a html
Pagina a html
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nacional nicolás esguerra!!
Colegio nacional nicolás esguerra!!Colegio nacional nicolás esguerra!!
Colegio nacional nicolás esguerra!!
 
D
DD
D
 
Colegio nacional nicolas
Colegio nacional nicolasColegio nacional nicolas
Colegio nacional nicolas
 
2° pagina web html5
2° pagina web html52° pagina web html5
2° pagina web html5
 
Crear una página básica
Crear una página básicaCrear una página básica
Crear una página básica
 
spartan
spartanspartan
spartan
 
Pagina web con doctype
Pagina web con doctypePagina web con doctype
Pagina web con doctype
 

Destacado (9)

Fondos
FondosFondos
Fondos
 
Lego mindstormsm ntx
Lego mindstormsm ntxLego mindstormsm ntx
Lego mindstormsm ntx
 
Blog 2
Blog 2Blog 2
Blog 2
 
HTML
HTMLHTML
HTML
 
corel draw x5
corel draw x5corel draw x5
corel draw x5
 
Fondos
FondosFondos
Fondos
 
Video juego explicacion
Video juego explicacionVideo juego explicacion
Video juego explicacion
 
Muñeco de nieve
Muñeco de  nieveMuñeco de  nieve
Muñeco de nieve
 
Programación estructurada
Programación estructuradaProgramación estructurada
Programación estructurada
 

Similar a Etiquetas básicas de html (20)

Miprimerapagina
MiprimerapaginaMiprimerapagina
Miprimerapagina
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 
Escuela Abierta - Taller de Html
Escuela Abierta - Taller de HtmlEscuela Abierta - Taller de Html
Escuela Abierta - Taller de Html
 
Escuela Abierta - Taller de Html
Escuela Abierta - Taller de HtmlEscuela Abierta - Taller de Html
Escuela Abierta - Taller de Html
 
Curso html
Curso htmlCurso html
Curso html
 
Tutorial ejercicio 1
Tutorial ejercicio 1Tutorial ejercicio 1
Tutorial ejercicio 1
 
Tutorial creacion blog
Tutorial creacion blogTutorial creacion blog
Tutorial creacion blog
 
Html 2
Html 2Html 2
Html 2
 
Html icredes
Html icredesHtml icredes
Html icredes
 
Creacion de un Blog
Creacion de un BlogCreacion de un Blog
Creacion de un Blog
 
Creacion de un Blog
Creacion de un BlogCreacion de un Blog
Creacion de un Blog
 
Como crear una pagina web
Como crear una pagina webComo crear una pagina web
Como crear una pagina web
 
Giuli miliiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii...
Giuli miliiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii...Giuli miliiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii...
Giuli miliiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii...
 
Trabajo html
Trabajo htmlTrabajo html
Trabajo html
 
H tm l
H tm lH tm l
H tm l
 
Pagina wb
Pagina wbPagina wb
Pagina wb
 
Pagina wb
Pagina wbPagina wb
Pagina wb
 
Presentacion como crear un blog
Presentacion como crear un blogPresentacion como crear un blog
Presentacion como crear un blog
 
Guia para subir archivos a blogger
Guia para subir archivos a bloggerGuia para subir archivos a blogger
Guia para subir archivos a blogger
 
Alexander y diego paginas de html
Alexander y diego paginas de htmlAlexander y diego paginas de html
Alexander y diego paginas de html
 

Más de nicolas esguerra (20)

Preguntas del crucigrama
Preguntas del crucigramaPreguntas del crucigrama
Preguntas del crucigrama
 
Preguntas del crucigrama
Preguntas del crucigramaPreguntas del crucigrama
Preguntas del crucigrama
 
Informes
InformesInformes
Informes
 
Carent
CarentCarent
Carent
 
Carent
CarentCarent
Carent
 
Colegio nicolás esguerra
Colegio nicolás esguerraColegio nicolás esguerra
Colegio nicolás esguerra
 
Presentación1
Presentación1Presentación1
Presentación1
 
Blog3
Blog3Blog3
Blog3
 
Blog1
Blog1Blog1
Blog1
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
3d max ne 2012 kevin
3d max ne 2012 kevin3d max ne 2012 kevin
3d max ne 2012 kevin
 
Allego avaluo nvo y certif libert
Allego avaluo nvo y certif libertAllego avaluo nvo y certif libert
Allego avaluo nvo y certif libert
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Papa pacman
Papa pacmanPapa pacman
Papa pacman
 
vistas de 3ds max
vistas de 3ds maxvistas de 3ds max
vistas de 3ds max
 
pacman en 3ds max
pacman en 3ds maxpacman en 3ds max
pacman en 3ds max
 
Generalidades 3d s max
Generalidades 3d s maxGeneralidades 3d s max
Generalidades 3d s max
 
Generalidades 3d s max
Generalidades 3d s maxGeneralidades 3d s max
Generalidades 3d s max
 
Juego para dos
Juego para dosJuego para dos
Juego para dos
 

Último

🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
EliaHernndez7
 
6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria
Wilian24
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Fernando Solis
 

Último (20)

Lecciones 06 Esc. Sabática. Los dos testigos
Lecciones 06 Esc. Sabática. Los dos testigosLecciones 06 Esc. Sabática. Los dos testigos
Lecciones 06 Esc. Sabática. Los dos testigos
 
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfFeliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
AEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptxAEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptx
 
UNIDAD DE APRENDIZAJE DE PRIMER GRADO DEL MES DE MAYO PARA TRABAJAR CON ESTUD...
UNIDAD DE APRENDIZAJE DE PRIMER GRADO DEL MES DE MAYO PARA TRABAJAR CON ESTUD...UNIDAD DE APRENDIZAJE DE PRIMER GRADO DEL MES DE MAYO PARA TRABAJAR CON ESTUD...
UNIDAD DE APRENDIZAJE DE PRIMER GRADO DEL MES DE MAYO PARA TRABAJAR CON ESTUD...
 
PLAN LECTOR 2024 integrado nivel inicial-miercoles 10.pptx
PLAN LECTOR 2024  integrado nivel inicial-miercoles 10.pptxPLAN LECTOR 2024  integrado nivel inicial-miercoles 10.pptx
PLAN LECTOR 2024 integrado nivel inicial-miercoles 10.pptx
 
animalesdelaproincia de beunos aires.pdf
animalesdelaproincia de beunos aires.pdfanimalesdelaproincia de beunos aires.pdf
animalesdelaproincia de beunos aires.pdf
 
Tema 11. Dinámica de la hidrosfera 2024
Tema 11.  Dinámica de la hidrosfera 2024Tema 11.  Dinámica de la hidrosfera 2024
Tema 11. Dinámica de la hidrosfera 2024
 
Desarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por ValoresDesarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por Valores
 
Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024
 
Sesión de clase APC: Los dos testigos.pdf
Sesión de clase APC: Los dos testigos.pdfSesión de clase APC: Los dos testigos.pdf
Sesión de clase APC: Los dos testigos.pdf
 
6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria
 
Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024
 
Power Point E. S.: Los dos testigos.pptx
Power Point E. S.: Los dos testigos.pptxPower Point E. S.: Los dos testigos.pptx
Power Point E. S.: Los dos testigos.pptx
 
La Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración AmbientalLa Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración Ambiental
 
Louis Jean François Lagrenée. Erotismo y sensualidad. El erotismo en la Hist...
Louis Jean François Lagrenée.  Erotismo y sensualidad. El erotismo en la Hist...Louis Jean François Lagrenée.  Erotismo y sensualidad. El erotismo en la Hist...
Louis Jean François Lagrenée. Erotismo y sensualidad. El erotismo en la Hist...
 
Ensayo Paes competencia matematicas 2 Preuniversitario
Ensayo Paes competencia matematicas 2 PreuniversitarioEnsayo Paes competencia matematicas 2 Preuniversitario
Ensayo Paes competencia matematicas 2 Preuniversitario
 
prostitución en España: una mirada integral!
prostitución en España: una mirada integral!prostitución en España: una mirada integral!
prostitución en España: una mirada integral!
 
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
 

Etiquetas básicas de html

  • 1. COLEGIO NICOLAS ESGUERRA EDIFICAMOS FUTURO ESTUDIANTES: MAURICIO LAGOS BOLIVAR 16 SEBASTIAN LARGO LARGO17 CURSO: 901
  • 2. Etiquetas básicas de HTML Primero: abrimos el bloc de notas y le ponemos las etiquetas básicas (<html> y </html>, <head> y </head>, <title> y </title>, <body> y </body>) y las organizamos de la siguiente manera: Segundo: le damos clic en archivo, guardar como y lo guardaremos con el nombre de su página luego le ponemos un punto y seguido de este HTML, como lo indicamos en la imagen.
  • 3. Luego de guardarlo nos aparecerá la página con su navegador predestinado Le damos clic en el icono y nos aparecerá nuestra página Para llenar su contenido procedemos a escribir lo que queramos q aparezca en la pantalla. Este dialogo se escribe entre <body> y </body>
  • 4. Luego de esto guardamos cambios y nuevamente abrimos el icono o si ya lo tiene abierto se le da F5 para actualizar la página. Al terminar esta acción nos quedara algo como esto. NOTA: Las ETIQUETASno necesariamente tienen que ser en minúscula pero si se hace una en mayúscula todas tienen que ser mayúsculas.