Las Preguntas Frecuentes del HTML Esencial Debes Marcar

Las Preguntas Frecuentes del HTML Esencial Debes Marcar / Programación

HTML ha existido por mucho tiempo, por lo que es hora de que aprendas lo básico. Qué es, cómo funciona y cómo escribir algunos elementos comunes en HTML.

Antes de comenzar, asegúrese de leer nuestra guía de editores de HTML gratuitos en línea Los 5 mejores editores de HTML en línea gratuitos para probar su código Los 5 mejores editores de HTML en línea gratuitos para probar su código Para los momentos en que solo quiera jugar con un pequeño fragmento de HTML Puede ajustarlo a su gusto, un editor de HTML en línea le servirá mejor. Obtenga más información y los mejores sitios web para obtener ejemplos de HTML de calidad. 8 Mejores sitios web para obtener un código de calidad. Ejemplos de codificación. 8 Mejores sitios web para obtener un código de calidad HTML. Hay algunos sitios web impresionantes que ofrecen ejemplos y tutoriales de codificación HTML útiles y bien diseñados. Aquí están ocho de nuestros favoritos. Lee mas .

¿Qué es HTML?

HTML es el lenguaje utilizado para construir páginas web. HTML significa Lenguaje de marcado de hipertexto y es un simple conjunto de instrucciones para su navegador web. Con estas instrucciones, su navegador muestra el aspecto que debe tener una página web.

Es importante entender que es una margen lenguaje, no un programación idioma. Los lenguajes de programación le permiten resolver problemas, como ecuaciones matemáticas, manipulación de datos o movimiento de un personaje de videojuego.

No puedes escribir ninguna lógica en HTML. Sólo se ocupa del diseño..

¿Qué aspecto tiene HTML??

HTML consta de varios elementos conocidos como “etiquetas”. Las etiquetas son instrucciones para diseñar una parte específica de su página web. Volviendo a la construcción, HTML es el plan, y las etiquetas son características específicas como ventanas o puertas..

Así es como se ve una página web muy básica en HTML:

  Sitio web de muo    

Las etiquetas en HTML están predefinidas y especifican características comunes como imágenes, enlaces a otras páginas web, botones y más.

La gran mayoría de las etiquetas tienen que ser abierto y cerrado. Esto simplemente define alguna característica, con texto, imágenes u otras etiquetas dentro de ella, y luego finaliza la definición. Recordar las casas, abrir la etiqueta es como decir “empieza la ventana aquí”, y cerrar la etiqueta es como decir “aquí es donde termina la ventana”.

Las etiquetas HTML no aparecerán en tu sitio web. Su navegador sigue las instrucciones, pero nunca lo muestra a ningún visitante. Sin embargo, no es secreto. Cualquiera puede ver su HTML una vez que publique sus páginas web.

Si bien hay una gran cantidad de etiquetas HTML diferentes, no tiene que aprenderlas todas antes de poder codificar un sitio web. Hoy aprenderá cómo escribir algunas etiquetas comunes y para qué se pueden usar..

¿Qué son los atributos de etiqueta HTML??

Una última cosa a saber sobre las etiquetas es atributos. Los atributos definen características especiales de las etiquetas. Si las etiquetas son ventanas y puertas, entonces los atributos especifican detalles específicos del edificio. Esto podría ser el ancho y la altura del marco, ya sea que se abra la ventana, o si la puerta tiene una cerradura.

Los atributos se incluyen dentro de la etiqueta de apertura, como esto:

No puedes crear tus propias etiquetas o atributos. Los atributos y las etiquetas están predefinidos por el World Wide Web Consortium (W3C).

¿Qué es HTML5?

HTML5 es la última versión de HTML. Contiene varias etiquetas, atributos y características nuevas..

Como HTML es un conjunto de instrucciones, los distintos navegadores web a veces lo interpretan de manera diferente. Un navegador puede decidir que las ventanas y puertas deben estar pintadas de negro a menos que usted diga lo contrario..

Si bien los navegadores finalmente han empezado a ser bastante consistentes entre sí, aún puede quedar atrapado a veces con características muy nuevas. Quizás Google Chrome ha implementado una nueva etiqueta, pero el Internet Explorer de Microsoft todavía no lo ha hecho..

En su mayor parte, sus páginas web tendrán el mismo aspecto en todos los navegadores principales, pero aún así vale la pena realizar una prueba rápida antes de publicar algo, especialmente si está utilizando etiquetas más nuevas, que pueden no ser compatibles con todos los navegadores todavía..

Si desea obtener más información sobre HTML5, eche un vistazo a nuestra guía de inicio de HTML5 Introducción a HTML5 Introducción a HTML5 Ya ha oído hablar de HTML5. Todo el mundo lo está usando. Está siendo anunciado como el salvador de Internet, permitiendo a las personas crear páginas web ricas y atractivas sin tener que recurrir al uso de Flash y Shockwave. Lee mas .

Cómo comentar fuera de HTML

Al igual que muchos otros lenguajes, marcado o programación, HTML tiene la capacidad de “comentar” Bloques de marcado. Un comentario es algo que es ignorado por el navegador. Esto puede ser una nota para recordar lo que hace esta pieza particular de su sitio web.

Al comentar el marcado, le está indicando al navegador que ignore una o más etiquetas. Esto puede ser útil para eliminar la funcionalidad u ocultar una parte de su sitio web sin eliminar el código.

Cuando un navegador web ve un comentario, lo entiende como “No uses estas instrucciones hasta que te diga lo contrario.”. Los comentarios consisten en un “apertura” comentar, y un “clausura” comentar, al igual que las etiquetas.

Aquí hay un ejemplo:

 

Comentar el código se hace exactamente de la misma manera:

En lugar de un mensaje, ponga su marca entre las etiquetas de comentario.

Cómo insertar imágenes en HTML

La inserción de imágenes en su HTML se realiza con la etiqueta de imagen:

Logotipo de MakeUseOf

Observe cómo se llama el nombre de la etiqueta img, y hay dos atributos. los src atributo especifica dónde encontrar la imagen, y la alt La etiqueta es una descripción de texto alternativa, en caso de que la imagen no pueda cargarse por algún motivo..

La etiqueta de imagen no necesita cerrarse, a diferencia de la mayoría de las otras etiquetas.

Cómo cambiar la fuente en HTML

Las fuentes se pueden cambiar usando fuente etiqueta y el cara atributo:

Texto Arial MUO

El tamaño de fuente se puede cambiar fácilmente usando la tamaño atributo:

Texto grande de muo

Si desea cambiar el color de la fuente, puede hacerlo fácilmente con el color atributo:

MUO texto rojo

Estos atributos son únicos para el fuente etiqueta. Si desea utilizar otra etiqueta, puede nido etiquetas, colocando una dentro de la otra:

MUO texto rojo

Cómo agregar un enlace en HTML

Los enlaces se pueden agregar usando el una etiqueta:

MakeUseOf.com

los href atributo es el destino de su enlace.

Cómo hacer una tabla en HTML

Las tablas HTML implican anidar varias etiquetas diferentes. Tendrá que comenzar con una mesa etiqueta:

Ahora agregue algunas filas usando el tr etiqueta:

Finalmente, use el td etiqueta para crear las celdas de la tabla, que también creará las columnas:

Es posible ir por la borda e ir bastante salvaje con el diseño de su mesa, pero generalmente es mejor mantener las cosas simples si es posible. En el pasado, las tablas se utilizaban para estructurar una página web, pero esta práctica es anticuada y se ve terrible. Mantenga las tablas simplemente para transmitir datos al lector..

Usando CSS con HTML

Estos ejemplos cubren lo básico, pero si quieres ser realmente creativo, necesitarás usar CSS. Las hojas de estilo en cascada le permiten un mayor control sobre el diseño de su sitio web, y le permiten reutilizar una gran cantidad de código entre diferentes partes de su sitio web.

Si bien tenemos tutoriales sobre cómo aprender CSS 5 Baby Steps para aprender CSS y cómo convertirnos en Kick-Ass CSS Sorcerer 5 Baby Steps to Learning CSS y cómo convertirnos en Kick-Ass CSS Sorcerer CSS es el cambio más importante que las páginas web han visto en la última década. y allanó el camino para la separación de estilo y contenido. De manera moderna, XHTML define la estructura semántica ... Leer más y ejemplos rápidos de CSS 10 Ejemplos simples de códigos CSS que puede aprender en 10 minutos 10 Ejemplos simples de código CSS que puede aprender en 10 minutos Revisaremos cómo crear una hoja de estilos en línea para que puedas practicar tus habilidades en CSS. Luego pasaremos a 10 ejemplos básicos de CSS. A partir de ahí, tu imaginación es el límite! Leer más, todavía hay algunas configuraciones que puedes hacer en HTML.

Si desea escribir CSS junto con su HTML, puede usar el estilo atributo. Este atributo simplemente aplica el CSS a la etiqueta que se usa en:

Si bien de esta manera funciona bien, le resultará difícil mantener el trabajo si tiene una gran cantidad de marcas que requieren un estilo similar..

La mejor manera es usar el estilo etiqueta, colocada dentro de la cabeza etiqueta. Aquí puedes definir CSS para toda tu página:

    

La etiqueta de estilo tiene un atributo de texto / css. Esto es necesario para que su navegador sepa el estilo exacto que se espera en la etiqueta..

La tercera y última forma de usar CSS es a través de un archivo externo, usando el enlazar etiqueta. Esto vincula su HTML a CSS almacenado en su propio archivo, lo cual es excelente si tiene una gran cantidad de él:

Hay varios atributos en uso aquí. los rel atributo declara su enlace como una hoja de estilo. El tipo de “texto / css” Se define una vez más en el tipo atributo, y el href atributo es donde encontrar el archivo externo.

¿Cómo hacer un sitio web con HTML?

Como has visto, HTML realmente no es tan malo, ¿verdad? Con unas pocas etiquetas y atributos simples, puede ensamblar rápidamente una página web, incluso si nunca antes ha escrito HTML.!

Si desea escribir un sitio web completo, asegúrese de consultar nuestra guía para principiantes sobre cómo crear un sitio web Cómo crear un sitio web: para principiantes Cómo crear un sitio web: para principiantes Hoy lo guiaré a través de El proceso de hacer un sitio web completo desde cero. No te preocupes si esto suena difícil. Te guiaré en cada paso del camino. Lee mas .

Explore más sobre: ​​CSS, FAQ, HTML, Desarrollo Web.