Copy Link
Add to Bookmark
Report

5 - Manual de HTML I

eZine's profile picture
Published in 
NovaHack Zine
 · 16 Sep 2023

∞ Daru ∞


Bueno, aquí me leen en este tutorial de Html, que no va a ser todo de un jalón, si no mas bien poco a poco.

Ahora empezamos: Html significa "Hyper Text Markup Leguaje" ósea "Lenguaje de marcado de hipertexto".

Esto significa que cuando hacemos una pagina en Html no le decimos exactamente como va a ser la pagina, sino que le decimos como queremos que sea la pagina; para entender mejor este concepto:

Imaginen una pagina en Html que diga <Un circulo rojo>, al abrirla se vería un circulo rojo y no el texto "Un circulo rojo" ok?

Bueno, así ya captamos que las paginas nunca se van a ver iguales en todos los navegadores y todas las computadoras, lo que nos sugiere que hagamos nuestras paginas lo mas compatible posibles.

Ahora, antes de empezar debes saber que el Html se DEBE escribir en ASCII ósea utilizando cualquier editor de texto sin formato como el Bloq de notas para Windows, el edit para MS-DOS o Emacs y vi para linux o unix.

Hoy en día hay muchos editores WYSIWYG (lo que ves es lo que obtienes) como FrontPage, DreamWaver, etc. y esos editores te ahorran el trabajo de editar todo el Html por ti mismo. Por lo que este tutorial se reducirá a solo enseñarte las etiquetas para que puedas leer una pagina sin necesidad de abrirla, o para poder editarla o cambiar cosas que no podrías directamente desde el editor.


Ahora vamos a empezar con las reglas básicas:

las etiquetas se empiezan con <etiqueta> y se cierran con </etiqueta>
No importa cuantos espacios pongamos entre las letras, siempre darán el mismo resultado. [excepto <pre>]
No importa si las escribes las etiquetas en mayúsculas o minúsculas, darán el mismo resultado.


Y terminamos con las etiquetas básicas

<Html> para empezar una pagina Web. ( se cierra con </Html> ) 
<head> para poder poner el titulo a la pagina (se cierra con </head> )
<title> para poner el titulo (así <title>daru's pagina</title> )
<body> Para empesar el cuerpo del html
<p> para empezar a escribir texto (como el title)

Finalmente ya podemos hacer una pagina muy sencilla cono esta:

<html> <head> <title>daru's pagina</title> </head> 
<body><p>Mi pagina esta en construcción, por favor visítanos mas adelante</p></body>
</html>

← previous
next →
loading
sending ...
New to Neperos ? Sign Up for free
download Neperos App from Google Play
install Neperos as PWA

Let's discover also

Recent Articles

Recent Comments

Neperos cookies
This website uses cookies to store your preferences and improve the service. Cookies authorization will allow me and / or my partners to process personal data such as browsing behaviour.

By pressing OK you agree to the Terms of Service and acknowledge the Privacy Policy

By pressing REJECT you will be able to continue to use Neperos (like read articles or write comments) but some important cookies will not be set. This may affect certain features and functions of the platform.
OK
REJECT