Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (18)
Destacado
Similar a El mejor curso de html lección no.1
Similar a El mejor curso de html lección no.1 (20)
El mejor curso de html lección no.1
- 3. Introducción a el Curso
- 5. HTML = Hyper Text Markup Languaje
- 6. Hyper Text Markup Languaje = Lenguaje de hipertexto de marcas o etiquetas
- 7. ¿Qué son las etiquetas?
- 8. Las etiquetas del código HTML son las responsables de darle las ordenes al navegador (google, firefox, explorer, etc…) para que este interprete el código que escribimos y muestre el resultado final en el monitor de la persona que esta visitando nuestra página web
- 9. Dentro del código HTML existen muchos tipos de etiquetas que sirven para insertar diferentes cosas como por ejemplo: imágenes, links, párrafos, encabezados, citas, negritas, cursivas, video, audio, etc…
- 10. Todas las etiquetas del lenguaje HTML tienen este aspecto: <etiqueta> </etiqueta>
- 11. Dentro del lenguaje HTML existe una peculiaridad muy importante respecto a las etiquetas
- 12. <strong><p></p></strong> Podemos insertar una o varias etiquetas dentro de la otra
- 13. A este concepto se le conoce como «anidar» y es muy importante ya que sin esto no se podrían mezclar las características de una etiqueta con las de otra
- 14. ¿Qué necesito para comenzar a escribir en código HTML?
- 15. Solamente necesitas un editor de código como el Notepad que ya trae Windows aunque recomendamos ampliamente usar Sublime Text, lo puedes descargar desde www.sublimetext.com
- 16. Lección No.1
- 18. Abre tu editor de código Sublime Text y presiona Ctr+N para crear un nuevo documento
- 20. Escribe
- 21. Escribe
- 22. Etiqueta HTML <html> </html> Como su nombre lo indica esta etiqueta sirve para indicar que estas comenzando a escribir un código HTML
- 23. Dentro de la etiqueta html escribe
- 25. Etiquetas HEAD y BODY <head> </head> <body> </body>
- 26. Dentro de la etiqueta body se escribe todo el contenido web que va a mostrar el navegador y la etiqueta head se encargará de controlar dicho contenido
- 27. Head = Cabeza Controla a el cuerpo Body = Cuerpo
- 28. Ahora aprenderás dos etiquetas mas, escribe
- 30. Etiquetas de encabezado y párrafo <title> </title> <p> </p>
- 31. La etiqueta title tiene la función de agregar el encabezado a la pestaña superior que aparece en el navegador cuando muestra una página web
- 32. Esto es el resultado del uso de la etiqueta title
- 33. La etiqueta p sirve para mostrar un párrafo
- 34. A continuación escribe en tu código un encabezado y un párrafo dentro de las etiquetas correspondientes, ejemplo:
- 36. Salva los cambios con Ctrl+S y guarda tu página web con el nombre index.html
- 38. Da doble clic sobre index.html desde la ubicación en donde lo guardaste para abrirlo con tu navegador *En caso de que no lo puedas abrir con tu navegador de forma automática da clic derecho sobre el archivo, abrir con, elegir programa predeterminado y allí busca tu navegador preferido
- 39. Ábrelo con tu navegador
- 41. Observarás que todo esta bien excepto por unos detalles en el párrafo que escribiste, esto se debe a que estamos escribiendo en español y el navegador no admite los signos como acentos, eñes y cosas parecidas, para arreglar este inconveniente escribe en tu código dentro de head
- 43. Guarda los cambios en tu código como ya aprendiste (con Ctrl+S) y en el navegador abierto en la página index.html presiona F5 para actualizarla *Por el momento no trataremos el tema de las etiquetas meta solamente nos conformaremos con los resultados
- 45. Eso es todo por hoy, nos vemos en la próxima clase