WINTXCODERS

Programación => Desarrollo web => Mensaje iniciado por: @Zanut Sec en Febrero 02, 2015, 06:31:25 PM

Título: Estructura basica de HTML5
Publicado por: @Zanut Sec en Febrero 02, 2015, 06:31:25 PM
Bueno que tal amigos, aquí empezando con el mini-curso, al lió señores. Lo que hoy aprenderemos sera a crear la estructura básica que debe llevar toda pagina web.Vamos a empezar con el doctype, html y head.
Código (html5) [Seleccionar]

<!DOCTYPE html>
<html lang="es">
<head>
  <title>Mini-curso: Crea tu propia pagina web</title>
</head>
</html>

Escribimos siempre la etiqueta doctype, después html que tiene una etiqueta lang que su significado en español seria lenguaje y es eso a lo que refiere, al idioma que utilizaremos en la web. Esta el head que en español significa "cabeza" adentro de tal posicionaremos el titulo de la web, también el <meta charset="utf-8"> que sirve para corregir las tildes y no salgan caracteres desconocidos.
Como nosotros vamos a utilizar CSS3 pues debemos enlazando y ustedes os preguntareis como se hace eso pues seria <link rel="stylesheet" href="ruta" /> Aquí empezaremos ahora con el body llamado "cuerpo"
Código (html5) [Seleccionar]

<body>
  <h1>Esto es WintxCoders</h1>
  <p>¿Esto es un parrafo?</p>
</body>

Podemos utilizar las etiquetas <h1> ¿que es eso? pues la etiqueta h1 es lo mismo que h2, h3, h4, h5, h6 eso significa el tamaño de la letra. También, podemos crear un nav es lo mismo que la barra de navegación adonde se encuentra siempre el Inicio, Contacto y tal. Quedaría asín:
Código (html5) [Seleccionar]

<nav>
  <ul>
    <li><a href="redireccion">"Inicio"</a></li>
    <li><a href="redireccion">"Contacto"</a></li>
    <li><a href="redireccion">"Acerca de"</a></li>
  </ul>
</nav>


Bueno amigos, aquí os dejo ya el próximo curso empezare a utilizar imágenes demostrando lo que hemos practicado acá ya porque iremos mas a fondo.
Saludos, @Zanut Sec.

Título: Re:Estructura basica de HTML5
Publicado por: PAYASAKX en Febrero 02, 2015, 07:01:14 PM
Buen tutorial, aunque podrías borrar este y poner en el otro post que creaste #1 | Mini-curso HTML5 & CSS3. Para evitar los dobles post   ;)
Título: Re:Estructura basica de HTML5
Publicado por: WIитX en Febrero 02, 2015, 07:11:17 PM
Buenas puedes usar las etiquetas GheSi para una mejor visualización del código, por ejemplo:


Código (html5) [Seleccionar]
<!DOCTYPE html>
<head>
<title>Hola Mundo</title>
</head>
<body>
<center>
<h1>WINTXCODERS.COM</h1>
</center>
</body>
</html>
Título: Re:Estructura basica de HTML5
Publicado por: @Zanut Sec en Febrero 02, 2015, 10:12:27 PM
You are not allowed to view links. Register or Login
Buenas puedes usar las etiquetas GheSi para una mejor visualización del código, por ejemplo:


Código (html5) [Seleccionar]
<!DOCTYPE html>
<head>
<title>Hola Mundo</title>
</head>
<body>
<center>
<h1>WINTXCODERS.COM</h1>
</center>
</body>
</html>


Si es lo mismo, ¿no?
Título: Re:Estructura basica de HTML5
Publicado por: PAYASAKX en Febrero 02, 2015, 10:13:41 PM
You are not allowed to view links. Register or Login
You are not allowed to view links. Register or Login
Buenas puedes usar las etiquetas GheSi para una mejor visualización del código, por ejemplo:


Código (html5) [Seleccionar]
<!DOCTYPE html>
<head>
<title>Hola Mundo</title>
</head>
<body>
<center>
<h1>WINTXCODERS.COM</h1>
</center>
</body>
</html>


Si es lo mismo, ¿no?
No, porque se visualiza mejor el texto y se aprecia mejor el código.  ;D
Título: Re:Estructura basica de HTML5
Publicado por: @Zanut Sec en Febrero 02, 2015, 10:47:34 PM
You are not allowed to view links. Register or Login
You are not allowed to view links. Register or Login
You are not allowed to view links. Register or Login
Buenas puedes usar las etiquetas GheSi para una mejor visualización del código, por ejemplo:


Código (html5) [Seleccionar]
<!DOCTYPE html>
<head>
<title>Hola Mundo</title>
</head>
<body>
<center>
<h1>WINTXCODERS.COM</h1>
</center>
</body>
</html>


Si es lo mismo, ¿no?
No, porque se visualiza mejor el texto y se aprecia mejor el código.  ;D
Actualizado  ;)
Título: Re:Estructura basica de HTML5
Publicado por: Juan en Febrero 02, 2015, 10:53:10 PM
Syntax Error :$

Falto

Código (html5) [Seleccionar]

</html>


Buen aporte ;), Saludos.
Título: Re:Estructura basica de HTML5
Publicado por: Wintx Hack en Marzo 12, 2015, 04:28:30 AM
You are not allowed to view links. Register or Login
Buenas puedes usar las etiquetas GheSi para una mejor visualización del código, por ejemplo:


Código (html5) [Seleccionar]
<!DOCTYPE html>
<head>
<title>Hola Mundo</title>
</head>
<body>
<center>
<h1>WINTXCODERS.COM</h1>
</center>
</body>
</html>



Oye bro disculpa la ignorancia ... Al decir etiqueta GheSi a que te refieres?
Título: Re:Estructura basica de HTML5
Publicado por: WIитX en Marzo 12, 2015, 01:24:09 PM
¿Ignorancia? Ninguna.

Las cosas están para preguntar y si uno no entiende una cosa se explica con total claridad!.

(http://i.gyazo.com/d8499e466ccb9757facd384d387f619d.png)

Ves donde pone "Código" si lo desplegas pone XHTML - Javascript ... esas son las etiquetas GeShi que puedes usar según el lenguaje que quieras poner ^^

Saludos!
Título: Re:Estructura basica de HTML5
Publicado por: Wintx Hack en Marzo 12, 2015, 06:11:38 PM
You are not allowed to view links. Register or Login
¿Ignorancia? Ninguna.

Las cosas están para preguntar y si uno no entiende una cosa se explica con total claridad!.

(http://i.gyazo.com/d8499e466ccb9757facd384d387f619d.png)

Ves donde pone "Código" si lo desplegas pone XHTML - Javascript ... esas son las etiquetas GeShi que puedes usar según el lenguaje que quieras poner ^^

Saludos!

Ha buenisimo Wintx, gracias por aclararme la duda.

Salu2