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: [LEGAL] Revisión de codigo HTML  (Leído 294 veces)

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

Wintx Hack

  • Visitante
  • Desconectado
  • *
  • 34
    92
    0
    • Ver Perfil
[LEGAL] Revisión de codigo HTML
« en: Octubre 23, 2015, 09:29:44 pm »
Hola amigos de WXC, hoy vengo a pedirles una pequeña ayuda; quisiera que alguien pueda revisar el siguiente codigo & decirme si esta bien elaborado(Soy principiante).

Me dejaron de tarea en un curso que estoy haciendo de html, la realizacion de un perfil, el cual contenga:

- font-size.
- font-family.
- color.

Dentro de las etiquetas - ul, ol ... Aca el codigo:

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

<!DOCTYPE html>
<html>
<head>
<title> Robert Gamero</title>
</head>
<body>
<img src="http://s3.amazonaws.com/codecademy-blog/assets/ninja_zpsa5dbe37a.jpg"/>

       <ul>
          <li style="color:blue; font-family: Verdana; font-size: 25px"><p> Acerca de mi:</p></li>
          <p style="color:red; font-family: Verdana; font-size: 20px">Me llamo robert, me dicen Rotter y tengo 18 años de edad. </p>
         
         
          <li style="color:blue; font-family: Verdana; font-size: 25px"><p>Intereses</p></li>
          <p style="color:red; font-family: Verdana; font-size: 20px">Me gusta la aviacion, la programacion y los idiomas. </p>
         
         
          <li style="color:blue; font-family: Verdana; font-size: 25px"><p> De donde soy </p></li>
          <p style="color:red; font-family: Verdana; font-size: 20px">Soy de Caracas - Venezuela, pero vivo en Nueva esparta - Porlamar, Venezuela. </p>
         
         
          <li style="color:blue; font-family: Verdana; font-size: 25px"><p> Trabajos: </p></li>
          <p style="color:red; font-family: Verdana; font-size: 20px">Ninguno, solo estudio. </p>
         
          </ul>
         
          </li>
         
          <ul>
         
             <li style="color:blue; font-family: Verdana; font-size: 25px"><p> intereses 2: </li>
               <ol>
                 <li style="color:red; font-family: Verdana; font-size: 20px"> Aprender a codificiar </li>
                 <li style="color:red; font-family: Verdana; font-size: 20px"> Skate </li>
                 <li style="color:red; font-family: Verdana; font-size: 20px"> Escuchar musica </li>
                 </p></li>
                </ol>
               
           </ul>
           
           <ol>
           
           <ol style="color:blue; font-family: Verdana; font-size: 25px">
              <li><p>Amores: </p>
                 <ul style="color:red; font-family: Verdana; font-size: 20px"><li> Mafer </li></ul>
                 <ul style="color:red; font-family: Verdana; font-size: 20px"><li> Yirge </li></ul>
                 <ul style="color:red; font-family: Verdana; font-size: 20px"><li> Ana </li></ul>
               </p></li>
           </ol>
           </ol>
         

</body>
</html>


Es algo basico pero a mi me costo mucho ya que estoy empezando.

Opinen ustedes haber que tal.

WIитX

  • Administrador
  • Desconectado
  • *
  • 1370
    7478
    72
  • Texto personal
    I'm not a hacker I'm security professional.
    • Ver Perfil
    • WINTXCODERS.COM
Re:Revisión de codigo HTML
« Respuesta #1 en: Octubre 24, 2015, 03:59:12 am »
Código: (html5)
Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]
<!DOCTYPE html>
<html>
   <head>
      <title> Robert Gamero</title>
   </head>
   <body>
   <img src="http://s3.amazonaws.com/codecademy-blog/assets/ninja_zpsa5dbe37a.jpg"/>
   
          <ul>
             <li style="color:blue; font-family: Verdana; font-size: 25px"><p> Acerca de mi:</p></li>
             <p style="color:red; font-family: Verdana; font-size: 20px">Me llamo robert, me dicen Rotter y tengo 18 años de edad. </p>
             
             
             <li style="color:blue; font-family: Verdana; font-size: 25px"><p>Intereses</p></li>
             <p style="color:red; font-family: Verdana; font-size: 20px">Me gusta la aviacion, la programacion y los idiomas. </p>
             
             
             <li style="color:blue; font-family: Verdana; font-size: 25px"><p> De donde soy </p></li>
             <p style="color:red; font-family: Verdana; font-size: 20px">Soy de Caracas - Venezuela, pero vivo en Nueva esparta - Porlamar, Venezuela. </p>
             
             
             <li style="color:blue; font-family: Verdana; font-size: 25px"><p> Trabajos: </p></li>
             <p style="color:red; font-family: Verdana; font-size: 20px">Ninguno, solo estudio. </p>
             
             </ul>
             
             </li>
             
             <ul>
             
                <li style="color:blue; font-family: Verdana; font-size: 25px"><p> intereses 2: </li>
                  <ol>
                    <li style="color:red; font-family: Verdana; font-size: 20px"> Aprender a codificiar </li>
                    <li style="color:red; font-family: Verdana; font-size: 20px"> Skate </li>
                    <li style="color:red; font-family: Verdana; font-size: 20px"> Escuchar musica </li>
                    </p></li>
                   </ol>
                   
              </ul>
             
              <ol>
             
              <ol style="color:blue; font-family: Verdana; font-size: 25px">
                 <li><p>Amores: </p>
                    <ul style="color:red; font-family: Verdana; font-size: 20px"><li> Mafer </li></ul>
                    <ul style="color:red; font-family: Verdana; font-size: 20px"><li> Yirge </li></ul>
                    <ul style="color:red; font-family: Verdana; font-size: 20px"><li> Ana </li></ul>
                  </p></li>
              </ol>
              </ol>
             
   
   </body>
</html>

Hola, no hace falta que pongas <p> dentro de las etiquetas <li> puedes ponerlo

Código: (html5)
Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]
<ul>
<li style="color:blue; font-family: Verdana; font-size: 25px">Hola</li>
</ul>

Luego en la siguiente parte:

Código: (html5)
Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]
              <ol>
             
              <ol style="color:blue; font-family: Verdana; font-size: 25px">
                 <li><p>Amores: </p>
                    <ul style="color:red; font-family: Verdana; font-size: 20px"><li> Mafer </li></ul>
                    <ul style="color:red; font-family: Verdana; font-size: 20px"><li> Yirge </li></ul>
                    <ul style="color:red; font-family: Verdana; font-size: 20px"><li> Ana </li></ul>
                  </p></li>
              </ol>
              </ol>

Abres un <ol> y has cerrado dos podrías haberlo dejado así:

Código: (html5)
Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]
              <ol style="color:blue; font-family: Verdana; font-size: 25px">
                 <li><p>Amores: </p>
                    <ul style="color:red; font-family: Verdana; font-size: 20px"><li> Mafer </li></ul>
                    <ul style="color:red; font-family: Verdana; font-size: 20px"><li> Yirge </li></ul>
                    <ul style="color:red; font-family: Verdana; font-size: 20px"><li> Ana </li></ul>
                  </p></li>
              </ol>

-------------------

Yo, personalmente lo dejaría así mirándolo rápidamente  :D

Código: (html5)
Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]
<!DOCTYPE html>
<html>
   <head>
      <title> Robert Gamero</title>
   </head>
   <body>
   <img src="http://s3.amazonaws.com/codecademy-blog/assets/ninja_zpsa5dbe37a.jpg"/>
   
          <ul>
             <li style="color:blue; font-family: Verdana; font-size: 25px"><p> Acerca de mi:</p></li>
             <p style="color:red; font-family: Verdana; font-size: 20px">Me llamo robert, me dicen Rotter y tengo 18 años de edad. </p>
             
             
             <li style="color:blue; font-family: Verdana; font-size: 25px"><p>Intereses</p></li>
             <p style="color:red; font-family: Verdana; font-size: 20px">Me gusta la aviacion, la programacion y los idiomas. </p>
             
             
             <li style="color:blue; font-family: Verdana; font-size: 25px"><p> De donde soy </p></li>
             <p style="color:red; font-family: Verdana; font-size: 20px">Soy de Caracas - Venezuela, pero vivo en Nueva esparta - Porlamar, Venezuela. </p>
             
             
             <li style="color:blue; font-family: Verdana; font-size: 25px">Trabajos:</li>
             <li style="color:red; font-family: Verdana; font-size: 20px">Ninguno, solo estudio.</li>     
                     
                <li style="color:blue; font-family: Verdana; font-size: 25px">intereses 2: </li>
                  <ol>
                    <li style="color:red; font-family: Verdana; font-size: 20px"> Aprender a codificiar </li>
                    <li style="color:red; font-family: Verdana; font-size: 20px"> Skate </li>
                    <li style="color:red; font-family: Verdana; font-size: 20px"> Escuchar musica </li>
                   </ol>               
              </ul>
             
             
              <ol style="color:blue; font-family: Verdana; font-size: 25px">
                 <li>Amores:</li>
                    <ul style="color:red; font-family: Verdana; font-size: 20px"><li> Mafer </li></ul>
                    <ul style="color:red; font-family: Verdana; font-size: 20px"><li> Yirge </li></ul>
                    <ul style="color:red; font-family: Verdana; font-size: 20px"><li> Ana </li></ul>
              </ol>
             
   
   </body>
</html>

Si quieres dejar un espacio entre cada frase a parte de <p> también puedes usar <br> por ejemplo así:

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

También puedes añadir la siguiente línea aquí:

Código: (html5)
Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
Código: (html5)
Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]
<!DOCTYPE html>
<html>
   <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
      <title> Robert Gamero</title>
   </head>
   <body>
« Última modificación: Octubre 24, 2015, 04:06:43 am por WIитX »
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]

WHAMA

  • Avanzado
  • Desconectado
  • *
  • 120
    250
    2
  • Texto personal
    Revolution of mind
    • Ver Perfil
Re:Revisión de codigo HTML
« Respuesta #2 en: Octubre 24, 2015, 11:43:11 pm »
Yo los colores, font-family y los estilos en general los pongo en el css para no dejar tan cargado el html, pero cada uno ya lo hace como más cómodo le venga.
Aaron Swartz
Esa persona que utilizó su talento como programador y tecnólogo no para enriquecerse, sino para hacer de Internet un lugar más justo y mejor.

WIитX

  • Administrador
  • Desconectado
  • *
  • 1370
    7478
    72
  • Texto personal
    I'm not a hacker I'm security professional.
    • Ver Perfil
    • WINTXCODERS.COM
Re:Revisión de codigo HTML
« Respuesta #3 en: Octubre 25, 2015, 12:40:42 am »

Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]
Yo los colores, font-family y los estilos en general los pongo en el css para no dejar tan cargado el html, pero cada uno ya lo hace como más cómodo le venga.

En las tareas suelen enseñarle primero en html y luego css  :P
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:Revisión de codigo HTML
« Respuesta #4 en: Octubre 25, 2015, 06:43:24 pm »

Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]
Código: (html5)
Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]
<!DOCTYPE html>
<html>
   <head>
      <title> Robert Gamero</title>
   </head>
   <body>
   <img src="http://s3.amazonaws.com/codecademy-blog/assets/ninja_zpsa5dbe37a.jpg"/>
   
          <ul>
             <li style="color:blue; font-family: Verdana; font-size: 25px"><p> Acerca de mi:</p></li>
             <p style="color:red; font-family: Verdana; font-size: 20px">Me llamo robert, me dicen Rotter y tengo 18 años de edad. </p>
             
             
             <li style="color:blue; font-family: Verdana; font-size: 25px"><p>Intereses</p></li>
             <p style="color:red; font-family: Verdana; font-size: 20px">Me gusta la aviacion, la programacion y los idiomas. </p>
             
             
             <li style="color:blue; font-family: Verdana; font-size: 25px"><p> De donde soy </p></li>
             <p style="color:red; font-family: Verdana; font-size: 20px">Soy de Caracas - Venezuela, pero vivo en Nueva esparta - Porlamar, Venezuela. </p>
             
             
             <li style="color:blue; font-family: Verdana; font-size: 25px"><p> Trabajos: </p></li>
             <p style="color:red; font-family: Verdana; font-size: 20px">Ninguno, solo estudio. </p>
             
             </ul>
             
             </li>
             
             <ul>
             
                <li style="color:blue; font-family: Verdana; font-size: 25px"><p> intereses 2: </li>
                  <ol>
                    <li style="color:red; font-family: Verdana; font-size: 20px"> Aprender a codificiar </li>
                    <li style="color:red; font-family: Verdana; font-size: 20px"> Skate </li>
                    <li style="color:red; font-family: Verdana; font-size: 20px"> Escuchar musica </li>
                    </p></li>
                   </ol>
                   
              </ul>
             
              <ol>
             
              <ol style="color:blue; font-family: Verdana; font-size: 25px">
                 <li><p>Amores: </p>
                    <ul style="color:red; font-family: Verdana; font-size: 20px"><li> Mafer </li></ul>
                    <ul style="color:red; font-family: Verdana; font-size: 20px"><li> Yirge </li></ul>
                    <ul style="color:red; font-family: Verdana; font-size: 20px"><li> Ana </li></ul>
                  </p></li>
              </ol>
              </ol>
             
   
   </body>
</html>

Hola, no hace falta que pongas <p> dentro de las etiquetas <li> puedes ponerlo

Código: (html5)
Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]
<ul>
<li style="color:blue; font-family: Verdana; font-size: 25px">Hola</li>
</ul>

Luego en la siguiente parte:

Código: (html5)
Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]
              <ol>
             
              <ol style="color:blue; font-family: Verdana; font-size: 25px">
                 <li><p>Amores: </p>
                    <ul style="color:red; font-family: Verdana; font-size: 20px"><li> Mafer </li></ul>
                    <ul style="color:red; font-family: Verdana; font-size: 20px"><li> Yirge </li></ul>
                    <ul style="color:red; font-family: Verdana; font-size: 20px"><li> Ana </li></ul>
                  </p></li>
              </ol>
              </ol>

Abres un <ol> y has cerrado dos podrías haberlo dejado así:

Código: (html5)
Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]
              <ol style="color:blue; font-family: Verdana; font-size: 25px">
                 <li><p>Amores: </p>
                    <ul style="color:red; font-family: Verdana; font-size: 20px"><li> Mafer </li></ul>
                    <ul style="color:red; font-family: Verdana; font-size: 20px"><li> Yirge </li></ul>
                    <ul style="color:red; font-family: Verdana; font-size: 20px"><li> Ana </li></ul>
                  </p></li>
              </ol>

-------------------

Yo, personalmente lo dejaría así mirándolo rápidamente  :D

Código: (html5)
Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]
<!DOCTYPE html>
<html>
   <head>
      <title> Robert Gamero</title>
   </head>
   <body>
   <img src="http://s3.amazonaws.com/codecademy-blog/assets/ninja_zpsa5dbe37a.jpg"/>
   
          <ul>
             <li style="color:blue; font-family: Verdana; font-size: 25px"><p> Acerca de mi:</p></li>
             <p style="color:red; font-family: Verdana; font-size: 20px">Me llamo robert, me dicen Rotter y tengo 18 años de edad. </p>
             
             
             <li style="color:blue; font-family: Verdana; font-size: 25px"><p>Intereses</p></li>
             <p style="color:red; font-family: Verdana; font-size: 20px">Me gusta la aviacion, la programacion y los idiomas. </p>
             
             
             <li style="color:blue; font-family: Verdana; font-size: 25px"><p> De donde soy </p></li>
             <p style="color:red; font-family: Verdana; font-size: 20px">Soy de Caracas - Venezuela, pero vivo en Nueva esparta - Porlamar, Venezuela. </p>
             
             
             <li style="color:blue; font-family: Verdana; font-size: 25px">Trabajos:</li>
             <li style="color:red; font-family: Verdana; font-size: 20px">Ninguno, solo estudio.</li>     
                     
                <li style="color:blue; font-family: Verdana; font-size: 25px">intereses 2: </li>
                  <ol>
                    <li style="color:red; font-family: Verdana; font-size: 20px"> Aprender a codificiar </li>
                    <li style="color:red; font-family: Verdana; font-size: 20px"> Skate </li>
                    <li style="color:red; font-family: Verdana; font-size: 20px"> Escuchar musica </li>
                   </ol>               
              </ul>
             
             
              <ol style="color:blue; font-family: Verdana; font-size: 25px">
                 <li>Amores:</li>
                    <ul style="color:red; font-family: Verdana; font-size: 20px"><li> Mafer </li></ul>
                    <ul style="color:red; font-family: Verdana; font-size: 20px"><li> Yirge </li></ul>
                    <ul style="color:red; font-family: Verdana; font-size: 20px"><li> Ana </li></ul>
              </ol>
             
   
   </body>
</html>

Si quieres dejar un espacio entre cada frase a parte de <p> también puedes usar <br> por ejemplo así:

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

También puedes añadir la siguiente línea aquí:

Código: (html5)
Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
Código: (html5)
Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]
<!DOCTYPE html>
<html>
   <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
      <title> Robert Gamero</title>
   </head>
   <body>

Dios hermano que respuesta tan pulcra & exactamente como la esperaba, ya se que cuento con un amplio apoyo en esta seccion & mucho mas ahora que es a lo que me estoy dedicando.
Tambien te quiero dar gracias porque me aclare algunas dudas que tenia pero ahora me haz dejado con otra incógnita y es el siguiente Code:

Código: (html5)
Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
me podrías explicar mas o menos su función y/o que es?

Gracias bro eres lo maximo.

WIитX

  • Administrador
  • Desconectado
  • *
  • 1370
    7478
    72
  • Texto personal
    I'm not a hacker I'm security professional.
    • Ver Perfil
    • WINTXCODERS.COM
Re:Revisión de codigo HTML
« Respuesta #5 en: Octubre 25, 2015, 06:46:50 pm »
Claro!

Código: (html5)
Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
Con el siguiente código tu código HTML podrá leer las tildes y ñ lo que haces es que convierte tu texto en UTF-8

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:Revisión de codigo HTML
« Respuesta #6 en: Octubre 25, 2015, 07:49:53 pm »
Bueno me queda decir que; MUCHISIMAS GRACIAS!

Todas mis dudas fueron aclaradas.

Cierro tema.

 

Powered by Advanced Topic Prefix Pro