Solicitamos su permiso para obtener datos estadísticos de su navegación en esta web, en cumplimiento del Real Decreto-ley 13/2012. Si continúa navegando consideramos que acepta el uso de cookies.

Aceptar Más información
WINTXCODERS Terminal
[[email protected] ~]:$ Bienvenido a la comunidad
Recuerda que puedes participar en nuestra comunidad registrándote

Autor Tema: [APORTE] Estructura basica de HTML5  (Leído 377 veces)

0 Usuarios y 1 Visitante están viendo este tema.

@Zanut Sec

  • Visitante
[APORTE] Estructura basica de HTML5
« 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)
Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]
<!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)
Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]
<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)
Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]
<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.

 
« Última modificación: Febrero 03, 2015, 02:42:29 pm por @Zanut Sec »

PAYASAKX

  • Moderador Global
  • Desconectado
  • *
  • 451
    259
    11
  • Texto personal
    KNOWLEDGE is FREE.
    • Ver Perfil
Re:Estructura basica de HTML5
« Respuesta #1 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   ;)



WIитX

  • Administrador
  • Desconectado
  • *
  • 1370
    7478
    72
  • Texto personal
    I'm not a hacker I'm security professional.
    • Ver Perfil
    • WINTXCODERS.COM
Re:Estructura basica de HTML5
« Respuesta #2 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)
Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]
<!DOCTYPE html>
<head>
<title>Hola Mundo</title>
</head>
<body>
<center>
<h1>WINTXCODERS.COM</h1>
</center>
</body>
</html>
Entrar a la web
Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]
"Es más divertido hacerse pirata que unirse a la marina." (Steve Jobs)
Dudas / Sugerencias: [email protected]

@Zanut Sec

  • Visitante
Re:Estructura basica de HTML5
« Respuesta #3 en: Febrero 02, 2015, 10:12:27 pm »

Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]
Buenas puedes usar las etiquetas GheSi para una mejor visualización del código, por ejemplo:


Código: (html5)
Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]
<!DOCTYPE html>
<head>
<title>Hola Mundo</title>
</head>
<body>
<center>
<h1>WINTXCODERS.COM</h1>
</center>
</body>
</html>

Si es lo mismo, ¿no?

PAYASAKX

  • Moderador Global
  • Desconectado
  • *
  • 451
    259
    11
  • Texto personal
    KNOWLEDGE is FREE.
    • Ver Perfil
Re:Estructura basica de HTML5
« Respuesta #4 en: Febrero 02, 2015, 10:13:41 pm »

Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]

Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]
Buenas puedes usar las etiquetas GheSi para una mejor visualización del código, por ejemplo:


Código: (html5)
Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]
<!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



@Zanut Sec

  • Visitante
Re:Estructura basica de HTML5
« Respuesta #5 en: Febrero 02, 2015, 10:47:34 pm »

Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]

Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]

Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]
Buenas puedes usar las etiquetas GheSi para una mejor visualización del código, por ejemplo:


Código: (html5)
Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]
<!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  ;)

Juan

  • Visitante
  • Desconectado
  • *
  • 29
    39
    0
  • Texto personal
    Aprendiendo cada día más
    • Ver Perfil
Re:Estructura basica de HTML5
« Respuesta #6 en: Febrero 02, 2015, 10:53:10 pm »
Syntax Error :$

Falto

Código: (html5)
Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]
</html>

Buen aporte ;), Saludos.

Wintx Hack

  • Visitante
  • Desconectado
  • *
  • 34
    92
    0
    • Ver Perfil
Re:Estructura basica de HTML5
« Respuesta #7 en: Marzo 12, 2015, 04:28:30 am »

Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]
Buenas puedes usar las etiquetas GheSi para una mejor visualización del código, por ejemplo:


Código: (html5)
Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]
<!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?

WIитX

  • Administrador
  • Desconectado
  • *
  • 1370
    7478
    72
  • Texto personal
    I'm not a hacker I'm security professional.
    • Ver Perfil
    • WINTXCODERS.COM
Re:Estructura basica de HTML5
« Respuesta #8 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!.



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!
Entrar a la web
Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]
"Es más divertido hacerse pirata que unirse a la marina." (Steve Jobs)
Dudas / Sugerencias: [email protected]

Wintx Hack

  • Visitante
  • Desconectado
  • *
  • 34
    92
    0
    • Ver Perfil
Re:Estructura basica de HTML5
« Respuesta #9 en: Marzo 12, 2015, 06:11:38 pm »

Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]
¿Ignorancia? Ninguna.

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



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

 

Powered by Advanced Topic Prefix Pro