Las etiquetas del lenguaje HTML tienen una sintaxis particular, la cual nos permite considerar una etiqueta de inicio (por ejemplo, <nombre-de-etiqueta>) y una etiqueta de cierre (por ejemplo, </nombre-de-etiqueta>, notese el uso de la linea diagonal). Los atributos de la etiqueta están contenidos en la etiqueta de inicio y el contenido está ubicado entre las dos etiquetas (por ejemplo, <nombre-de-etiqueta atributo="valor"> Contenido </nombre-de-etiqueta>). Algunos elementos, tales como <br>, no tienen contenido ni llevan una etiqueta de cierre. Debajo se listan varios tipos de elementos de marcado usados en HTML.
Estructura general de una línea de código en el lenguaje de etiquetas HTML.
El marcado estructural describe el propósito del texto. Por ejemplo, <h2>Golf</h2> establece «Golf» como un encabezamiento de segundo nivel, El marcado estructural no define cómo se verá el elemento, pero la mayoría de los navegador web han estandarizado el formato de los elementos. Puede aplicarse un formato específico al texto por medio de hojas de estilo en cascada.
El marcado presentacional describe la apariencia del texto, sin importar su función. Por ejemplo, <b>negrita</b> indica que los navegadores web visuales deben mostrar el texto en negrita, pero no indica qué deben hacer los navegadores web que muestran el contenido de otra manera (por ejemplo, los que leen el texto en voz alta).
En el caso de <b>negrita</b> e <i>itálica</i>, existen elementos que se ven de la misma manera pero tienen una naturaleza más semántica: <strong>énfasis fuerte</strong> y <em>énfasis</em>. Es fácil ver cómo un lector de pantalla debería interpretar estos dos elementos.
Sin embargo, son equivalentes a sus correspondientes elementos visuales: un lector de pantalla no debería decir más fuerte el nombre de un libro, aunque éste esté en itálicas en una pantalla. La mayoría del marcado visual ha sido desechado con HTML 4.0, en favor de hojas de estilo en cascada.
El marcado hipertextual se utiliza para enlazar partes del documento con otros documentos o con otras partes del mismo documento.
Para crear un enlace es necesario utilizar la etiqueta de ancla <a> junto con el atributo href, que establecerá la dirección URL a la que apunta el enlace. Por ejemplo, un enlace que muestre el texto de la dirección y vaya hacia nuestra Wikipedia podría ser de la forma <a href=”http://www.wikipedia.org”>http://www.wikipedia.org</a> (Enlace Tipo Texto). También se pueden crear enlaces sobre otros objetos, tales como imágenes <a href=”enlace”><img src=”imagen” /></a> (Enlace Tipo imagen).
Me imagino que hay muchas etiquetas para hacer demaciadas cosas con las paginas web que interesante poder ver una buena cantidad de etiquetas y poder copiar la mayor cantidad.
ResponderEliminarATT: DIEGO FERNANDO GIRALDO
podemos ver que cada vez mas aprendemos a llevar un nivel profesional mucho mejor adecuado gracias a los ejemplos y a la clase
ResponderEliminarq interesante como define , las diferentes formas q podemos utilzar las etiquetas y lo q se puede y no se puede hacer con ellas , que bueno aprenderlas a utilizarlas todas
ResponderEliminarinteresante lo de las etiquetas de enlaces de sitios web, buen contenido para continuar con nuestro aprendizaje y jajaj como dice diana para diseñar sitios web de manera profesional y queden llamativos e interesantes.
ResponderEliminaresta información es de mucha ayuda a la hora de crear nuestros sitios web, ya que nos enseña de una forma detallada la manera de utilizar algunas etiquetas para darle una apariencia mejor a nuestro proyecto.
ResponderEliminarMayra Leandra Salazar
Es de muchas ayuda esta información, podemos saber un poco mas sobre las etiquetas y cual es su función a la hora de hacer nuestras paginas web. Aunque esas son unas de tantas ya que son muchas mas las etiquetas que debemos aprender para hacer un buen diseño a nuestras paginas.
ResponderEliminares interesante este material de apoyo por que nos permite identificar las diferentes etiquetas cuando vamos a crear nuestra pagina web: la de inicio, la de cierre; en si nos hace ver una visualizacion del contenido que estamos creando y sus diferentes enlases.
ResponderEliminarLuis Acosta Toro
Es muy interesante y nos ayuda mucho esta información ya que aprendemos mas de las etiquetas y su función ya que al crear la pagina esto es lo que necesitamos
ResponderEliminarliz leandra ramirez diaz
infinidad de etiquetas que son tan necesarias para crear una pagina web adecuada para sacarla al publico, lo que falta es seguir aprendiendo día a día, practicando para entender a brevedad todo este tema tan completo. ANGIE PAOLA RAMIREZ ROJAS
ResponderEliminarEs muy interesante este temas de las etiquetas ya q nos enseña muchas cosas de sitios web y para tener nuestra pagina web bien personalizada.
ResponderEliminares muy importante saber que que el lenguaje esta compuesto por etiquetas y que estas tienen una estructura lógica que se debe de seguir para el funcionamiento adecuando del lenguaje, como por ejemplo la apertura <> y el cerrado para una etiqueta.
ResponderEliminarTambién es muy importante ir conociendo poco la infinidad de etiquetas que existen para la creación de las paginas web para ir aprendiéndolas poco a poco.