Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
HTML Ultra Basico
#1
[Imagen: masterhacks_descargar_manual_html_gratis.jpeg]

Hola hoy les traigo un poco de HTMl basico, para los que recie empiezan con esto:

Bien el codigo principal de todo html es:

[Imagen: 00_002_esp.gif]

Cita:<html> //Esto es la abertura de toda la web, del html.
<head> //Esto significa la cabecera, la cabeza de la web
<title> //Esto significa el titulo de la web
</title> //Esto es el cierre del codigo title
</head> //Esto es el cierre del codigo head
<body> //Esto es el cuerpo, donde van todos los otros codigos
</body> //Esto es el cierre del cuerpo
</html> //Esto es el cierre de todo el html, de toda la web.

Acuerdense de poner todo esto en un bloc de notas, el de windows, o notepad++ que podemos bajar de aqui totalmente gratis ya que es opensource.
Bien ahora veremos que podemos poner.

Dento de la etiqueta <title></title> pondremos el titulo de la web, por ejemplo: Mi Web , que aparecerá en la pestaña.

Dentro de la etiqueta <body></body> pondremos todos los codigos , porque body significa cuerpo, seria el cuerpo de toda la web.

Codigos que se pueden poner dentro de body:

1- <em></em> Que sirve para darle el toque cursiva a la letra, aparecerá asi:

Cita: <em>Hola</em>

2- <strong></strong> Que sirve para darle grueso a la letra, aparecerá asi:

Cita:<strong>Chau</strong>


3- <h1-6></h1-6>
Que sirve para darle tamaño a la letra, puse h1-6 porque va del 1 al 6, es decir que si quermos ponerle la letra mas grande tendriamos que poner <h1></h1> o la mas chica <h6></h6> el 1 mas grande, el 6 mas chico. Quedaria algo asi:

Cita:<h1>Hola gente</h1>

O puede quedar asi:

Cita: <h6>Ahora chico</h6>

4- <a></a> Que es para poner el enlace. El codigo para el enlace es este:

Cita:<a href="http://google.com">Google</a>

Esto indicaria que abra un enlace que va a decir: Google y te va a redireccionar a google.com
Para que este enlace se abra en otra pestaña el codigo es el siguiente: target="blank " que lo pondremos antes del codigo href= , es decir que quedaría asi:

Cita:<a target="blank "href="http://google.com>Google</a>


5- <ol></ol>
Que esto significa que creará una lista ordenada de numeros, es decir:

Cita:1-
2-
3-
etc..

Este codigo va fuera de todo esto, seria fuera de </html> , abajo de todo
Podemos poner esto dentro de <ol></ol>
<p></p> Que sirve para crear un parrafo.
<li></li> Este es el codigo donde crea los numeros, la funcion <ol></ol> es necesaria para poner el <li></li> sino no aparecerán los numeros.
<br> Que son los espacios. (Y mas)
Un ejemplo de esto es:
Cita:<ol>
<p align="center">
<br>
<br>
</p>
<li>Tutoriales Hacks</li>
<li>Programas Hackers</li>
</ol>


6 - <ul></ul>
Que quiere decir que creara una lista desordenada, es decir que no la creara con los numeros, sino con *.
Podemos poner dentro de esto:
Cita:<p></p>
<li></li>
<br> (Y mas.)

Bien esto esto estodo espero que les haya gustado.
#2
Pues realmente acertaste, es ultra básico... Sonrisa

Recuerdo cuando HTML era lo máximo en la web, jajaja Gran sonrisa




SI TE LLAMA LA ATENCION UNA ESTRELLA... SIGUELA,
SI TE CONDUCE AL PANTANO... YA SALDRAS DE EL.
PERO SI NO LA SIGUES... TODA LA VIDA,
PENSARAS QUE ESA ERA TU ESTRELLA.




WWW
#3
Muy buena guia para empezar...

A partir de alli habra que explorar un poco mas en las infinitas posibilidades de este excepcional lenguaje...

Muchas gracias por tu aporte... Guiño
==> Los temas que hago no son para completar la "cuota mesual", son "PROUCTIVOS" por favor, no los borren... Gracias! <==
#4
Esta muy bien explicado, es mas, la forma en la que lo explicaste me parece la mejor, no creo que alguien le cueste entender tu guía, espero que traigas mas tutoriales^^
#5
como pusiste en el titulo esta muy basico se podria decir q son las propiedades principales para iniciar la programacion en html
WWW
#6
eso si es lo mas basico todos empezamos asi justamente ayer a mi hermano le dejaron un tema sobre eso en su tarea gracias Sonrisa
#7
Ultra básico y Mega antigüo...
Al menos no escribas las etiquetas con mayúsculas
Slds.
#8
Interesante para los que estamos empezando en todo esto.
#9
Ahora es el lenguaje de moda también para los epubs. Si quieres maquetar epubs tienes que saber html y css. Asi que hay que tomar buena nota de lo que comenta lsdr.
#10
Muy bueno para lo que recien empiezan con html Lengua
Yo empeze asi viendo tutoriales en youtube..
Igual estaria bueno que hagas una segunda parte.
[Imagen: GTpAop3.png]


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
Sonrisa Login->html+js+ajax+php wpadilla 2 266 05-11-2017, 12:39 PM
Último mensaje: piensaengrande
  PRIMER PAGINA WEB HTML DEL MUNDO Smithcanal 27 957 21-10-2017, 01:47 AM
Último mensaje: ReyNexo23
  Plantillas HTML Responsive Free Profesionales gassip 16 750 13-06-2017, 03:45 AM
Último mensaje: gassip
Música [Aporte] Reproductor de audio html djsmokingcr 11 701 02-05-2017, 03:04 AM
Último mensaje: gassip
  [Tutorial] Métodos para redireccionar URLs (HTML, PHP y Javascript wiston3 1 319 01-12-2016, 11:12 PM
Último mensaje: zeuz
  Expandir etiquetas HTML en documento .php con EMMET gassip 2 427 18-11-2016, 07:28 PM
Último mensaje: DaveNPlay
  [Aporte] PcTag: Información HTML KesiaMuller 0 338 28-10-2016, 05:42 AM
Último mensaje: KesiaMuller
  [Tutorial] Curso de PSD a HTML a WP habacuc78 14 879 31-08-2016, 09:33 PM
Último mensaje: ServiRemate
  Curso básico de introducción a la programación Posits 1 413 04-08-2016, 02:48 AM
Último mensaje: antony_tj
  [Aporte] Curso básico de Javascript habacuc78 22 1,256 05-07-2016, 03:53 PM
Último mensaje: escuelasegura



Usuarios navegando en este tema: 1 invitado(s)