Iniciate un poco para el curso de jose (etiquetas html)

Estado
No está abierto para más respuestas.
Mensajes
240
Puntuación de reacción
0
Bueno como José impartirá un curso próximamente y sería interesante conocer algunas cosas previamente (aunque él, las vea rápido), es algo muy básico y con la última versión (que utilizara José) puede haber cambiado cosas.

Creo que esto os ayudara a situaros y que os resulte más fácil después.
Lenguaje básico o muy básico del código html:

  1. Etiqueta: todo aquello que va entre < y >
  2. / : Se utiliza para cerrar una etiqueta.
  3. Código de la web: siempre entre las etiquetas <html> y </html>
  4. Cabecera: <head> y </head>
  5. Cuerpo de la web: <body> y </body>
  6. Titulo de la pagina: <title> y </title>
  7. Descripción de la pagina: <meta name="Description" content="descripción de la página">
  8. Para configurar las tildes… : <meta charset="utf-8" />
  9. El contenido: se escribe entre <p> y </p>
  10. Negritas: <b> y </b>
  11. Cursivas: <i> y </i>
  12. Subrayado: <u> y </u>
  13. Comentarios: <!-- y -- > se pueden poner más guiones (haciéndose más visible en el código) pero mínimo 2 delante y dos detrás.
  14. Títulos dentro del texto: <h1> </h1> , <h2> </h2> … los estilos estarán en los estilos CSS, menor número más importante el titulo.
  15. Imágenes: <img ………..> no lleva etiqueta de cierre, los puntos suspensivos se cambian por las propiedades.
  16. Vínculos: <a ……….> </a>
  17. Saltos de línea: <br/>
  18. Para listas desordenadas: <ul> y </ul>
  19. Listas ordenadas con circulitos (puntos): <ul> <li> </li> <li> </li> …… </ul>
  20. Listas ordenadas numéricamente: <ol> <li> </li> <li> </li> ….. </ol>
  21. Palabras clave: <meta name="keywords" content="palabrauno, palabra2, par de palabras, palabra4......., palabra10" />

Esto necesitara de unos estilos CSS: estos aran que automáticamente pongan un estilo (tipo letra del testo, tamaño…..) común a múltiples paginas de la web. Esto sirve para ahorrar tiempo y no tener que especificarlo todo en todas las páginas.

Como se vería el código html:

Código:
<html>
<html lang="es">
<head>
 <meta charset="utf-8" />
  <title>Título de la web</title>
  <!-- Insertar aquí mas Metatags-->
</head>
<body>
    <a name="arriba"></a>
    <img src="imagenes/logotipo.gif" alt="En ComoCrearTuWeb puedes aprender a diseñar páginas web" width="270px" height="80px" />

    <h1>Menú de Contenidos</h1>
        <a href="#titulouno" title="Ir al título uno">Ir al título uno</a>
        <a href="#titulodos" title="Ir al título dos">Ir al título dos</a>
        <a href="#titulotres" title="Ir al título tres">Ir al título tres</a>
    <h2>Título Uno</h2>
        <a name="titulouno"></a>
        <p>Este es el <u>texto correspondiente</u> al título uno, aunque debería ser más largo para que se note el efecto.</p>
        <p>Este es el texto correspondiente al título uno, aunque debería ser más largo para que se note el efecto.</p>
        <p>Este es el texto correspondiente al título uno, aunque debería ser más largo para que se note el efecto.</p>
        <h2>Título Dos</h2>
        <a name="titulodos"></a>
        <p>Este es el <i>texto correspondiente</i> al título dos, aunque debería ser más largo para que se note el efecto.</p>
        <p>Este es el texto correspondiente al título dos, aunque debería ser más largo para que se note el efecto.</p>
        <p>Este es el texto correspondiente al título dos, aunque debería ser más largo para que se note el efecto.</p>
        <h2>Título Tres</h2>
        <a name="titulotres"></a>
        <p>Este es el <b>texto correspondiente</b> al título tres, aunque debería ser más largo para que se note el efecto.</p>
        <p>Este es el texto correspondiente al título tres, aunque debería ser más largo para que se note el efecto.</p>
        <p>Este es el texto correspondiente al título tres, aunque debería ser más largo para que se note el efecto.</p>
        <a href="http://www.comocreartuweb.com" target="_blank" title="Todo sobre diseño de páginas web">ComoCrearTuWeb</a>
    <p>Adios <b>Amigos</b>!</p><!-- Enlace tipo ancla hacia la parte superior -->
    <a href="#arriba" title="Ir Arriba">Ir Arriba</a>

</body>
</html>

Espero que os sirva de algo.

Saludos.
 

gesio

Oro
Usuario de Bronce
Mensajes
1,028
Puntuación de reacción
0
yo de esto se poco.

en el codigo de negrita tengo oido que es mejor <strong> texto </strong>
 
Mensajes
240
Puntuación de reacción
0
yo de esto se poco.

en el codigo de negrita tengo oido que es mejor <strong> texto </strong>


esque hay cosas nuevas, yo puse lo basico para que despues cuando empiecen el curso, les suene algo y despues sea jose quien diga las novedades y entre mas a fondo (ya que el curso es idea suya, sabra mas que yo y el es quien se lo va a currar).

hay mas cosas que cambian con las ultimas actualizaciones, encima del <html> ahora se pone <!DOCTYPE html> para el HTML5
 

ezkielnet

Cobre
Usuario de Bronce
Mensajes
565
Puntuación de reacción
1
El último punto actualmente no sirve para nada, bueno para espiar a la competencia.
 
Última edición:

Jota Marquez

Administrador
Miembro del equipo
Usuario de Piedra
Usuario de Bronce
Mensajes
4,255
Puntuación de reacción
161
Incluiré un poco todo esto en la primera fase, la idea es empezar desde 0, para que todo el mundo se entere de todo ;)
 

adthz

Oro
Usuario de Bronce
Mensajes
1,090
Puntuación de reacción
0
muy bueno no sabia para que sevian varias cosas xdd
como hago para inscribirme en el curso?
 
Mensajes
11
Puntuación de reacción
0
Gracias farelo ahora que inicio en blogger me servira mucho
 
Estado
No está abierto para más respuestas.
Arriba