A continuación podrán observar códigos utilizados para el desarrollo de una pagina web:
¿Que es HTML?
Son unas iniciales cuyo significado es "Lenguaje de Marcado de Hypertexto" , es utilizada para elaborar o diseñar páginas web. Paginas web
¿Qué es una etiqueta?
Los datos dentro del paréntesis indican los símbolos o códigos a utilizar dentro del la estructura que se encuentra en la imagen .
![]() |
| Etiquetas |
(</...>) Es usada para cierre de la etiqueta.
Ambas se usan para introducir datos de texto dependiendo las etiquetas que queramos colocar.
Por ejemplo: se coloca dentro de estas :
"desde el inicio<html> hasta el cierre </html>(Todo los códigos deben colocarse dentro de esta etiqueta)".
Otras etiquetas que se utilizan:
(body,head,title,etc.)
Estructura básica del HTML
Significado de cada etiqueta:
![]() |
Estructuras basicas |
Html: Es lenguaje de la marca, utilizados para el lenguaje y desarrollo de las paginas Web.
Head: Es la cabeza del documento Html utilizado para introducir Titulo y Script.
Title: Utilizado para colocar un titulo.
Body: Proviene del ingles que significa "Cuerpo" y es el cuerpo del documento html.
Creación del documento HTML de forma Básica
La elaboración de documento HTML en Bloc de Notas también funciona en otros procesadores de texto como el Note pad.Paso 1
Abrimos el note pad o bloc de notas y colocamos los siguientes códigos:Si quieren copien estos codigos ;-)
<html>
<head> <title> escriben un titulo </title>
</head>
<body>
<p>Se escribe un texto</p>
<p> Ponemos otro texto</p>
</body>
</html>
La etiqueta <P> es utilizada para saltar una linea entre los párrafos a colocar
Ejemplo abierto en Opera.
Paso 2
Ahora vamos a guardar el archivo Para eso debemos elegir la Opciónes: Archivo-Guardar como, abrimos y nos sale una pantalla asi
La segunda parte Roja colocamos junto al Nombre con la Extencion ".Html"
ejemplo(Mi primera pagina web.html) y le damos guardar.
(la palabra extencion se refiere en que formato queremos abrir nuestro aechivos)
En la tercera parte roja eliges "Todos los archivos"
Listo, ya tenemos mas o menos nuestra pagina web casi desarrollada, que les puedo decir apenas se esta comenzando.
Si les gusto este Post de la introducción al lenguaje de html, mas adelante le podre explicar de como
agregar vídeos, fotos o música en html, movimiento de letras como poner en negrita, como aumentar o disminuir su tamaño entre otras cosas.
El siguiente blog sera de los formatos en letras. subtitulo o titulo.lo dejare en los comentarios.
Si les gusto este Post dejen sus comentarios.
ejemplo(Mi primera pagina web.html) y le damos guardar.
(la palabra extencion se refiere en que formato queremos abrir nuestro aechivos)
En la tercera parte roja eliges "Todos los archivos"
Paso 3
Para abrirlo con el Navegador por defecto Primero debemos dar clic Derecho sobre el archivo-abrir con-hay eliges con que navegador quieres abrirlo. en esa opción puedes editarlo Nuevamente con html. Es decir; abrirlo para agregarle mas códigos html.Listo, ya tenemos mas o menos nuestra pagina web casi desarrollada, que les puedo decir apenas se esta comenzando.
Resultado:
Si les gusto este Post de la introducción al lenguaje de html, mas adelante le podre explicar de como
agregar vídeos, fotos o música en html, movimiento de letras como poner en negrita, como aumentar o disminuir su tamaño entre otras cosas.
El siguiente blog sera de los formatos en letras. subtitulo o titulo.lo dejare en los comentarios.
Si les gusto este Post dejen sus comentarios.






