Hola amigos bienvenidos a esta clase en donde veremos la estructura de HTML 5.
En este caso vamos a ver en una estructura un poco a modo introductorio.
Yo voy a empezar a aplicar cada una en este caso como verán en pantalla en mi página web tenemos la
primera línea el tip que es particular en HTML5 es totalmente en HTML5 HTML 4 el formato quecomo inicializar
desde el momento que vamos a empezar a utilizar justamente HTML5 en este caso tenemos la etiqueta HTML
con LAN Language que vendría a ser como el lenguaje que es más útil para que Google indexa este tipo
de mensaje.
En este caso Inglis o poner s como español y bueno antes de arrancar con las siguientes etiquetas que
ver en pantalla como jineta vamos a hacerlo de una manera más prolija y no marearnos tanto si yo primer
punto importante se detectan creando una nueva hoja.
Si yo aprieto Control N fíjense que hice toilet que aún uno está guardado yo creo HTML5 y aprestó estabulación
no hace nada eso es porque el archivo no está guardado.
Les recomiendo que lo guarden no sea que lo creen con la extensión html HTML y ahí hagan este experimento.
Fíjense qué pasó yo ya también instalé los diferentes plugin que les recomendé No yo escribo HTML acá
directamente me da la opción de poner 5 y si hago click o entero tabulación me escribe.
La estructura básica del HTML 5 donde tenemos como mencioné el Doctrine en este caso no nos muestra
vamos a poner Holan en este caso español para que Google sepa qué lenguaje nuestra nuestra página web
y en este caso tenemos elegir el GIF y el body y cerramos la etiqueta HTML.
En este caso como eran particularidad del sublime si yo me paro con el plugin que yo instalé marca el
principio del final nosotros en las etiquetas de HTML siempre tenemos que abrirlas y cerrarlas.
Yo quiero escribir lí por ejemplo ven que me abrió la etiqueta y me Lasierra con la misma etiqueta pero
con una barra invertida eso es importante que lo tengan en cuenta porque hace a la jerarquía y la prolijidad
dentro de la hoja de HTML y van a ver que siempre las etiquetas se ven excepto en este caso las metas
por ejemplo o los link que el link hace referencia a llamar a un archivo en este caso por ejemplo en
la etiqueta meta utilizamos hecharse o Tc8 es para que justamente se vean los acentos.
Es una particularidad del idioma español ya que sabrán que en inglés no existen los acentos.
Por ejemplo si existen apóstrofe etcétera pero concretamente los acentos Tc8 es para el tema de los
acentos.
El título es el título que se va a ver en la pestaña en este caso antes de seguir con este ejemplo le
voy a dejar esto como estaba en español y vamos a El ejemplo que le voy a dejar adjunto en este era
el ejemplo meter adelantado la frase que viene.
La estructura de HTML.
Vamos a usar el ejemplo que le voy a dejar a adjunto en la clase en este caso el Language español como
les mencionaba la abrimos la etiqueta HTML abrimos la etiqueta Ajit que la etiqueta hace referencia
al encabezado.
Lo que se va ver arriba por ejemplo en este document miren lo que va a suceder acá arriba dice el documento
que estoy abriendo acá es el sillón su tele hacen doble clic al archivo que crearon que tiene formato
HTML.
Van a poder hacer dos cosas.
Pueden ver que el archivo tiene una hoja blanco como icono ícono se hacen doble clic le va a preguntar
con qué programa lo desean abrir.
Elijan Crom de esa manera le va a abrir esto en donde acabe que dice document que es justamente el título.
Si yo pongo curso a HTML y lo guardo vamos halagadora actualizo.
Ven que hice cursó HTML.
Eso lo sé se define con el título La función del Twitter luego acá ustedes pueden agregar los archivos
CSS JavaScript fuente externa los metadatos que eso era lo que le mencionaba.
Los archivos Metha también son metadatos analizar H2S y Gescrap lo hacemos acaben que el link está llamando
Láchar ref a las hojas de vostra también más abajo debemos tener JavaScript pero eso ya un poquito más
adelantado caso sumergiéndonos.
No se asusten.
Entiendo que puede ser inform mucha información en un corto plazo pero más adelante yo le voy a dedicar
la clase por clase acá etiqueta incito.
Entiendo que puede ser mucho pero es a modo introductorio.
Luego tienen la etiqueta Goody que acasa va a ser todo lo que se ve dentro de un navegador.
Estas etiquetas lí son lo que usted están viendo acá.
Estos puntos son las etiquetas lí Pen acá se ve más claro esta etiqueta y el puntito.
Si yo la elimino ven que se eliminó un puntito ha sido eliminado han sido eliminando lo bueno hacer
esto así en el navegador que sólo puedo ver en tiempo real.
Después actualizo y vuelve a la normalidad porque no lo editamos de este archivo.
Esa es la ventaja si yo agarro y elimina de acá para que se vuelva al navegador desaparece y no va a
volver a aparecer.
Esa es la diferencia.
Cuando tenemos la etiqueta Augier que es la clase que viene en la etiqueta H1 Navigator el contenedor
de los ly sección en las secciones Banhart artículos que son los artículos Flutter.
Al final cerramos bodys cerramos HTML excito tranquilos entiendo que fue mucho iterar chivitos se lo
voy a dejar adjunto para que lo descarguen y ya la próxima clase ya empezamos con sino mal recuerdo
a explicar lo que gira así que no se asusten.
Nos vemos en la próxima clase y les dejo un abrazo digital.