Apuntes HTML - Apuntos basicos de HTML PDF

Preview

Summary

Apuntos basicos de HTML...

Description

HTML encabezados, párrafos y saltos de línea, negrita,cursiva carácter especial en HTML e imágenes Pagina para ver algunas entities w3schools.com → HTML entities ejemplo de entities es ♣ Es utilizado para indicar la versión de html al navegador

Es para indicar que es la parte de html de este archivo

Lo que se escribi en head no es visible en la parte del HTML,Dentro del encabezamiento hay información del documento, que no se ve en la pantalla principal, principalmente el título del documento, comprendido entre las etiquetas y . El título debe ser breve y descriptivo de su contenido, pues será lo que vean los demás cuando añadan nuestra página a su bookmark (o agenda de direcciones).

Lo que va hacer es agregar una compatibilidad de carácter, la etiquetas meta solo tiene apertura pero no cierre

Agregar un título a la pagina web, pero sale en la pestaña el título mi primer pagina web

Lo que va ser visible en la página se pone en body

Encabezados(“cabeceras”) van del 1 al 6 siendo el 1 el encabezado más importante, el tamaño de la letra cambia conforme cada h1,h2,h3,h4,h5,h6 Contenido en mi página

Los párrafos todos tiene el mismo tamaño Esto es un párrafo Hacer saltos de línea en HTML es , , Cualquiera  de las 3 opciones funciona. si quiere separar palabras dentro de un párrafo es  , &ensp Para poner una palabra en negrita <  b> 

o bien 

esto es para poner algo en negrita esto no está en negrita Esto es para poner en cursiva

una palabra

esto es para la Cursiva El texto que se encuentre entre ella estará preformateado, es decir que aparecerá como si hubiera sido escrito con una máquina de escribir, con una fuente de espaciado fijo (tipo Courier).Es muy apropiada para confeccionar tablas y otros documentos similares.

conseguimos también que el texto tenga un tamaño menor y la apariencia de los caracteres de una máquina de escribir (typewriter). La diferencia con la anterior es que no preformatea el texto, sino que únicamente cambia su apariencia.

Esto es para poner en cursiva y en negrita la misma palabra o párrafo esto es para la Cursiva Esto es para hacer énfasis Esto es para hacer énfasis

Esta es una etiqueta para spam , no hace nada pero sirve para seleccionar para hacer cambios

 spam> <

Esta es una etiqueta para spam se utiliza para destacar una cita textual dentro del texto general. y Esta etiqueta es para la lista En las fórmulas matemáticas puede interesar poder escribir índices y subíndices,que se consiguen con las etiquetas y respectivamente. Esto es para las imágenes ,el src es para poner la dirección donde se encuentra la dirección de la imagen, la etiqueta de imagen es solo de apertura y nada de cierre.

En caso de que tengamos un error con la imagen esta etiqueta nos avisa alt="logo css"

darle tamaño a una imagen height="200" Ejemplo de la imagen completo

HTML estructurar contenido en HTML, creando Divs, Header y Nav , Main , Section , Article , Sidebar , Footer y WAI ARIA Esto es hacer estructuras



o   

** NOta= un Id solo se puede usar uno por documento, en cambio por clase se puede usar varios, pero ambas cumple la misma funcion.**

 La clase se llama contenedor para hacer diferencia entre otro div, ya que puede existir varios en un mismo documento.

Para hacer una buena práctica podemos cuando usamos una ,para obtener una mejor división podemos usar



Esto es una prueba

La etiqueta main es para poner la parte principal

Para las buenas práctica es importante secciones (es como dividir en parte la información), para eso se utiliza <  section> esta etiqueta siempre se acompaña de un encabezado() para poner como

un

subtítulo de la información, se utiliza <  div> cuando

necesita un nombre o que se diga de que vamos habla, pero la etiqueta se utiliza cuando el contenido habla por si solo se hace uso de esta etiqueta por ejemplo un párrafo.

N  uestros Cursos

HTML5



CSS3

JavasScript



Ultimas Noticias

Aprender a Programar en el Siglo 21 es muy importante. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,.

Aprender a Programar en el Siglo 21 es muy importante. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt deserunt mollit anim id est laborum.



Esta etiqueta es para utilizarla como una barra lateral donde podemos tener un tema que se semi importante es como un segundo main

Próximos Cursos

PHP

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

MySQL Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

esta etiqueta es utilizada para la parte inferior de la página y normalmente se encuentra fuera del ,

Sobre nosotros esta es la última parte de la pagina

Los roles son para tener una mejor accesibilidad en la web, las personas con discapacidad tiene navegadores especiales, eso permite que las páginas se pueden ver desde cualquier navegador.

Para agregar comentarios

cre

HTML crear enlaces, enlaces a otros archivos y páginas, enlazando a contenido para descargar y targets Para hacer referencias a otras páginas,debemos tener el documento .html dentro de la mismas carpeta además asegurar que este bien la referencia al documento que deseamos ir. Ir a naipes

Crear una lista de referencias, pero sin tener una referencia aún se puede utilizar el símbolo “#” , Sobre Nosotros Cursos Ir a google Ir a noticias Referencia a otra página Ir a google Referencia a otro documento dentro de carpeta > Sobre Nosotros También se puede hacer referencia a una parte de la página que sea importante, con el Id se puede resaltar esa parte

Ultimas Noticias

Aprender a Programar en el Siglo 21 es muy importante. Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Aprender a Programar en el Siglo 21 es muy importante.

Lorem ipsum dolor sit amet, consectetur adipisicing elcupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum....