SlideShare una empresa de Scribd logo
1 de 3
Vamos a mirar cómo hacer la estructura de un HTML iniciaremos con la palabra doctype este va
encerrado con los signos mayor y menor
Ahora seguimos con nuestra pagina utilizado la siguiente abreviación en donde podemos explicar
lo que estamos haciendo. esta abreviación tiene que ir en signo mayor y menor con el signo de
admiración y guiones así como el siguiente ejemplo <!- abreviación no se observa en la pagina- - >
Este aparecerá en letras verdes no se verán en la pagina
Luego guarda tu pagina. Ahora podrás poner tags como estos
HEAD: es el titulo de la pestaña del navegador al abrir tu pagina
BODY: es el div agrupa una serie de elementos que van hacer cambiados por el maqueteador
P : para poner texto alapagina que deseas ejecutar
HEADER: es una etiqueta de HTML5
NAV: este se lo utiliza para el menú de tu pagina
UL: lista no ordenada de nuestro menú
ASIDE: este se utiliza para los bloques tanto de la izquierda como de la derecha
FOOTER: este es el pie de pagina
Después de que todo este listo vamos a ejecutarla en este caso era la estructura de HTML
ESTRUCTURA HTML
Para ejecutarlo nos vamos a run y lo ejecutamos sea en internet Explorer o en chrome
Gracias a los tics más básicos la página que dará asi
Pagina a html

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Etiquetas para estructurar texto en HTML - 3 parte
Etiquetas para estructurar texto en HTML - 3 parteEtiquetas para estructurar texto en HTML - 3 parte
Etiquetas para estructurar texto en HTML - 3 parte
 
Como hacer una pagina en HTML
Como hacer una pagina en HTMLComo hacer una pagina en HTML
Como hacer una pagina en HTML
 
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
 
pagina html
pagina htmlpagina html
pagina html
 
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
 
Mi Primera Pagina
Mi Primera PaginaMi Primera Pagina
Mi Primera Pagina
 
Tutorial formulario
Tutorial formularioTutorial formulario
Tutorial formulario
 
2 pagina web
2 pagina web2 pagina web
2 pagina web
 
Introducion a HTML5
Introducion a HTML5Introducion a HTML5
Introducion a HTML5
 
Pagina web html5
Pagina web html5Pagina web html5
Pagina web html5
 
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
 
Programación en html 1
Programación en html 1Programación en html 1
Programación en html 1
 
Neisa
NeisaNeisa
Neisa
 
Desarrolla aplicacionesweb
Desarrolla aplicacioneswebDesarrolla aplicacionesweb
Desarrolla aplicacionesweb
 
Pagina web 1
Pagina web 1Pagina web 1
Pagina web 1
 
Billyordoñez
BillyordoñezBillyordoñez
Billyordoñez
 
El mejor curso de html lección no.1
El mejor curso de html lección no.1El mejor curso de html lección no.1
El mejor curso de html lección no.1
 
Html
HtmlHtml
Html
 
Semana 5 html
Semana 5  htmlSemana 5  html
Semana 5 html
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 

Similar a Pagina a html

Similar a Pagina a html (20)

Html doc. descargado (reparado)
Html doc. descargado (reparado)Html doc. descargado (reparado)
Html doc. descargado (reparado)
 
Estructurabasica
EstructurabasicaEstructurabasica
Estructurabasica
 
Clase 1
Clase 1Clase 1
Clase 1
 
Como crear paginas en html
Como crear paginas en htmlComo crear paginas en html
Como crear paginas en html
 
Codigos HTML...paginas web
Codigos HTML...paginas webCodigos HTML...paginas web
Codigos HTML...paginas web
 
Escuela Abierta - Taller de Html
Escuela Abierta - Taller de HtmlEscuela Abierta - Taller de Html
Escuela Abierta - Taller de Html
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 
Manual html
Manual htmlManual html
Manual html
 
Manual html
Manual htmlManual html
Manual html
 
Tutorial página web
Tutorial página webTutorial página web
Tutorial página web
 
Descripción de la sintaxis con la que se trabaja en el lenguaje html
Descripción de la sintaxis con la que se trabaja en el lenguaje htmlDescripción de la sintaxis con la que se trabaja en el lenguaje html
Descripción de la sintaxis con la que se trabaja en el lenguaje html
 
TUTORIAL DE HTML
TUTORIAL DE HTMLTUTORIAL DE HTML
TUTORIAL DE HTML
 
2da pagina web con html5 y doctype
2da pagina web con html5 y doctype2da pagina web con html5 y doctype
2da pagina web con html5 y doctype
 
Practica 1
Practica 1Practica 1
Practica 1
 
Presentacinhtml 091121100213-phpapp02
Presentacinhtml 091121100213-phpapp02Presentacinhtml 091121100213-phpapp02
Presentacinhtml 091121100213-phpapp02
 
Tutorial html
Tutorial htmlTutorial html
Tutorial html
 
Practicas html
Practicas htmlPracticas html
Practicas html
 
Html basicccccccoooooooooooooo
Html basicccccccooooooooooooooHtml basicccccccoooooooooooooo
Html basicccccccoooooooooooooo
 
Tutorial de html
Tutorial de htmlTutorial de html
Tutorial de html
 
Curso HTML desde Cero - Capítulo 1
Curso HTML desde Cero - Capítulo 1Curso HTML desde Cero - Capítulo 1
Curso HTML desde Cero - Capítulo 1
 

Más de taniamabel

Degradados hechos con flash
Degradados hechos con flashDegradados hechos con flash
Degradados hechos con flashtaniamabel
 
Fundamentales de action script
Fundamentales de action scriptFundamentales de action script
Fundamentales de action scripttaniamabel
 
Clip de pelicula
Clip de peliculaClip de pelicula
Clip de peliculataniamabel
 
Para subir hoy
Para subir hoyPara subir hoy
Para subir hoytaniamabel
 
Formulario de html 5
Formulario de html 5Formulario de html 5
Formulario de html 5taniamabel
 
Action script 3
Action script 3Action script 3
Action script 3taniamabel
 
Especificar un documento de clase
Especificar un documento de claseEspecificar un documento de clase
Especificar un documento de clasetaniamabel
 
Primeros ejercicios en action script
Primeros ejercicios en action scriptPrimeros ejercicios en action script
Primeros ejercicios en action scripttaniamabel
 
Photoshop movimiento de imagen y duplicacion de capas
Photoshop movimiento de imagen y duplicacion de capasPhotoshop movimiento de imagen y duplicacion de capas
Photoshop movimiento de imagen y duplicacion de capastaniamabel
 
Tabla de multiplicar
Tabla de multiplicarTabla de multiplicar
Tabla de multiplicartaniamabel
 
Multiplicacion divicion
Multiplicacion divicionMultiplicacion divicion
Multiplicacion diviciontaniamabel
 

Más de taniamabel (20)

Degradados hechos con flash
Degradados hechos con flashDegradados hechos con flash
Degradados hechos con flash
 
Fundamentales de action script
Fundamentales de action scriptFundamentales de action script
Fundamentales de action script
 
Clip de pelicula
Clip de peliculaClip de pelicula
Clip de pelicula
 
Para subir hoy
Para subir hoyPara subir hoy
Para subir hoy
 
Formulario de html 5
Formulario de html 5Formulario de html 5
Formulario de html 5
 
Puertos
PuertosPuertos
Puertos
 
Puertos
PuertosPuertos
Puertos
 
Audio video
Audio videoAudio video
Audio video
 
Action script 3
Action script 3Action script 3
Action script 3
 
Ok
OkOk
Ok
 
Especificar un documento de clase
Especificar un documento de claseEspecificar un documento de clase
Especificar un documento de clase
 
Primeros ejercicios en action script
Primeros ejercicios en action scriptPrimeros ejercicios en action script
Primeros ejercicios en action script
 
Microo
MicrooMicroo
Microo
 
Tarjetas
TarjetasTarjetas
Tarjetas
 
Multimedia
MultimediaMultimedia
Multimedia
 
Photoshop movimiento de imagen y duplicacion de capas
Photoshop movimiento de imagen y duplicacion de capasPhotoshop movimiento de imagen y duplicacion de capas
Photoshop movimiento de imagen y duplicacion de capas
 
Algoritmo
AlgoritmoAlgoritmo
Algoritmo
 
Tabla de multiplicar
Tabla de multiplicarTabla de multiplicar
Tabla de multiplicar
 
Divicion
DivicionDivicion
Divicion
 
Multiplicacion divicion
Multiplicacion divicionMultiplicacion divicion
Multiplicacion divicion
 

Pagina a html

  • 1. Vamos a mirar cómo hacer la estructura de un HTML iniciaremos con la palabra doctype este va encerrado con los signos mayor y menor Ahora seguimos con nuestra pagina utilizado la siguiente abreviación en donde podemos explicar lo que estamos haciendo. esta abreviación tiene que ir en signo mayor y menor con el signo de admiración y guiones así como el siguiente ejemplo <!- abreviación no se observa en la pagina- - > Este aparecerá en letras verdes no se verán en la pagina Luego guarda tu pagina. Ahora podrás poner tags como estos HEAD: es el titulo de la pestaña del navegador al abrir tu pagina BODY: es el div agrupa una serie de elementos que van hacer cambiados por el maqueteador P : para poner texto alapagina que deseas ejecutar HEADER: es una etiqueta de HTML5 NAV: este se lo utiliza para el menú de tu pagina UL: lista no ordenada de nuestro menú ASIDE: este se utiliza para los bloques tanto de la izquierda como de la derecha FOOTER: este es el pie de pagina Después de que todo este listo vamos a ejecutarla en este caso era la estructura de HTML ESTRUCTURA HTML
  • 2. Para ejecutarlo nos vamos a run y lo ejecutamos sea en internet Explorer o en chrome Gracias a los tics más básicos la página que dará asi