Introducción a HTML – Tutorial HTML – Desarrollo de aplicaciones web

admin June 9, 2022 GUÍA Leave a comment 5 Views

El lenguaje HTML o de marcado de hipertexto no es en realidad un lenguaje de programación, sino solo un lenguaje de marcado. Por lo tanto, HTML es solo un lenguaje de marcado estándar para crear una estructura de páginas web. HTML es una combinación de diferentes elementos que le dicen a los navegadores dónde mostrar qué. Un elemento es una combinación de etiquetas de cierre e iniciales de HTML, por ejemplo
y
. Hay varias etiquetas HTML como P, OL, UL, H1, H2, IMG, A, Fuerte y muchas más. Simplemente le dicen al navegador cómo y qué mostrar. El navegador no muestra etiquetas, pero el navegador usa etiquetas para reproducir el contenido en una página web.
Versiones de HTML Desde el lanzamiento de la web, había varias versiones de HTML, antes de que las tablas se usen para hacer modelos completos del sitio web, pero ahora HTML5 está en acción, lo que le brinda el poder de definir sus propios elementos. Por ejemplo,

, , por lo que estas etiquetas de elementos son más explicativas que las versiones anteriores. TD> 1991 html 2.0 1995 html 3.2 1997 html 4.01 1999 xhtml 2000 html5 2014

Creación de la primera página HTML Para crear una página HTML, siempre debe saber que la extensión HTML es .html o .htm. Puede usar .html o usar .htm, ambos, sin ninguna diferencia, depende de la extensión de archivo que desee continuar. Sin embargo, utilizamos la extensión del archivo .html en nuestros ejemplos.
En primer lugar, debe tener un editor de códigos, recomendamos NotPad ++. Descargue e instale Notepad ++ o cualquier otro editor de código de su elección. Ahora ejecute Notepad ++ y cree un archivo nuevo. En el que pegas el siguiente código. html introducción me dirijo 1

me dirijo 2

me dirijo 3

Me dirijo 4

Me dirijo 5
Me dirijo 6

Ahora haga clic en Guardar archivo y hacer Seguro que selecciona el lenguaje de marcado Hyper Text .html en el tipo de archivo. Si su editor no tiene la extensión incorporada para .html, escriba .html con el nombre del archivo. Y seleccione el tipo de archivo como todos los tipos. Guárdelo y una vez intente abrir el archivo ahora, se abrirá en su navegador. Asegúrese de guardar como .html y Guy debe ser todo o .html

Vea su página web en el navegador web si ha guardado el archivo correcto en la extensión .html al intentar abrirlo. Verá que el archivo ahora se está abriendo en el navegador web, si esto no sucede, vaya a los pasos anteriores nuevamente. ¿Cómo abrir el archivo HTML nuevamente en el editor de código? Es posible que desee abrir el archivo nuevamente en el editor de códigos para realizar algunos cambios. Pero cuando hace doble clic en el archivo HTML, se abre en el navegador web? No se preocupe, haga clic en el correcto y edite con la aplicación deseada. Haga clic derecho y abra con la aplicación deseada. Así es como puede abrir un archivo HTML nuevamente en el editor de códigos.
Consejo:

La etiqueta del Título 1 comienza y

La etiqueta del título supera 1. Casi todos los elementos HTML tienen etiquetas de inicio y finalización.Comprender el código HTML HTML es el idioma más simple que aprendería en sus aplicaciones web.Echemos un primer vistazo al código simple de la página web HTML a continuación. html introducción me dirijo 1

me dirijo 2

me dirijo 3

Me dirijo 4

Me dirijo 5
Me dirijo 6

Puedes ver que todo es que es Empaquetado en el elemento , lo que significa que toda la página web debe estar dentro de las etiquetas del elemento HTML.
La etiqueta principal en HTML El elemento Head es una parte muy importante de una página web. Que comienza con las etiquetas de <Head y termina con . El título del documento, hojas de estilo, favicon, funciones receptivas de zoom. Todo viene en etiquetas de cabeza porque no es visible en el cuerpo de la página web, pero se utiliza para incluir archivos y etiquetas importantes. No se confunda con él por ahora, lo entenderá más durante nuestro curso de CSS. La etiqueta del cuerpo en HTML Como puede ver en el ejemplo anterior, el elemento del cuerpo comienza con la etiqueta y termina con la etiqueta final . Todo lo que está dentro de realmente se mostrará en el navegador web. Como en el ejemplo anterior, tenemos 6 títulos diferentes H1, H2, H3, H4, H5, H6 y comienzan y se cierran. Entonces el cuerpo mostraría todo en el navegador, excepto las etiquetas y los comentarios. Causa Las etiquetas se usan solo para jugar y hacer la estructura o tipo. Si bien las recomendaciones son elementos especiales solo para que el código sea más fácil de entender y no se muestran en el navegador web.
Etiquetas de título en html

Me dirijo 1

Me dirijo 2

Me dirijo 3

Me dirijo 4

Me dirigo 5
Me dirijo 6

Tenemos 6 títulos diferentes en HTML. Cada título tiene su propio número de 1 a 6. Tenga en cuenta que los valores son muy importantes para los motores de búsqueda. Porque H1 es el título principal de la página, mientras que H2 es el título de la sección, y H3 son los hijos de H3, etc. Si no comprende la jerarquía de los títulos por ahora, ignóralo y deberías recordar. Cuando desee formatear un texto Aldine, no debe usar el título para este propósito. El título es el título de la página o sección en sí. Comienza con la etiqueta

y termina con la etiqueta

. Vea el ejemplo anterior. En HTML, el comentario comienza con ninguna de estas etiquetas se mostrará en el navegador. Porque el navegador ignora los comentarios. Los comentarios son solo para usted u otros programadores que posteriormente cambiarían su código para darles pistas sobre lo que es una sección. Siempre trate de hacer un código comentado y hermoso, esta práctica no solo le ahorrará tiempo en el futuro, sino que también le encantará su código.
Párrafo, Aldin, cursivo y subrayado en html
lorem ipsum es la industria. lorem ipsum ha sido el texto estándar de la industria en el año 1500, cuando una impresora desconocida tomó una galera de tipo y la revisó para hacer un libro de espécimen tipo. ha sobrevivido no solo cinco siglos, sino también el salto a la composición tipográfica electrónica, y permanece esencialmente sin cambios. Fue popularizado con el relé de láminas de letraset que contienen lorem ipsum pasajes ..
En HTML, los párrafos comienzan con la etiqueta
y terminan con la etiqueta
, todo dentro define un párrafo. Si desea formatear una palabra o línea dentro de un párrafo, por ejemplo, en negrita, debe usar las etiquetas y alrededor de la palabra o esa fila para eso fila para hacerlo más audaz. Cuando desee enfatizar una línea, use alrededor de la palabra o esa fila para enfatizar. Y cuando desee formatear un texto o línea en cursiva, use la etiqueta alrededor de la palabra o esa fila. También puede usar ambas etiquetas y hacer la misma actividad. Las reglas horizontales en la regla HTML

horizontal es solo una línea que puede colocar en el documento HTML con el código

. Esta es una etiqueta HTML especial, que se cierra, como puede ver, no hay etiqueta de cierre para la etiqueta

. Porque no hay nada que ingrese a esta etiqueta. Entonces, siempre que desee poner una línea en HTML, use

.
Pre en html 
 INTRODUCCIÓN I Entonces qué sistema de calidad listo

Como saben, el navegador ignora todos los espacios blancos que tiene en el código. Por ejemplo, en su código tiene varias líneas entre dos etiquetas y mucho espacio entre dos palabras, pero el navegador ignora todos estos espacios blancos. Y mostrarle la página web sin esos espacios. Sí, porque el navegador ignora todos estos espacios blancos que usa para que el código sea más fácil de leer. Entonces, si tiene que mostrar esos espacios blancos y hacer que el navegador no los ignore, solo use el 

 <pre alrededor del texto o el código que desea mostrar como está. Listas ordenadas OL en html

    
EE. UU.
    
uk

      
Londres
      
Manchester
      
 <
      
Canadá
      
Australia
      
 Cuando desea mostrar algo en la vista de la lista. Use listas ordenadas o listas desordenadas. Ambos tipos de listas tienen listas -Of -List Tags
      
que definen los elementos de la lista de ambos tipos de listas. La principal diferencia entre las listas ordenadas y desordenadas son las listas ordenadas que muestran el número, A, X o cualquier cosa dependiendo del tipo de atributo. Si bien la lista está ordenada, muestre un disco o punto al comienzo del artículo en la lista. En el ejemplo anterior, puede ver la lista ordenada con la lista ordenada. Si la lista de los padres tiene el tipo predeterminado y mostrará los elementos en la lista como 1, 2, 3, mientras que la lista ordenada para niños tiene el atributo de tipo establecido en A. para que mostraría A, B y así sucesivamente. La lista ordenada comienza con la etiqueta  y termina con la etiqueta , mientras que los elementos en la lista están entre las etiquetas
      
, de modo que cada elemento en la lista en su cuenta etiquetas. Listas desordenadas en HTML
      
EE. UU.
      
Reino Unido
      
Londres
      
Manchester
      
Canadá
      
Australia
      
Al igual que la lista ordenada, la lista no ordenada comienza con la etiqueta
      
y termina con la etiqueta
      
, mientras que los elementos interiores están entre las etiquetas
      
y
      
. Por lo tanto, la lista desordenada mostrará un punto o disco al comienzo de los elementos de la lista. Que puede cambiar con CSS, lo guiaremos más tarde. Este es el tipo de lista más popular utilizado en las páginas HTML, por ejemplo, se usa en barra lateral, navegación de encabezado, navegación en el sótano y elegante. Listas de definición en html

       pakistan 
      

       karachi

       lahore

       islambad
      

      
La lista de definiciones es una lista que tiene un título y luego sus subtítulos.

       es la etiqueta de título de definición que es la etiqueta de título. Mientras que los elementos en la lista se empacarán en la etiqueta

       
      

       improbable y ol que caen en
      
. Vea el ejemplo anterior para obtener un ejemplo de las listas del Código de Definición. Caracteres especiales html y copia; & Corazones; & clubes;
      
Mostraré & euro;
      
Mostraré €
      
Mostraré €
      
Autor, marcas registradas y muchos otros caracteres en HTML . Cuando necesite usar estos personajes, no puede ingresarlos directamente usando su teclado para que HTML tenga caracteres especiales que pueda encontrar en los caracteres especiales HTML. ¿Dónde puede obtener el código para crear el carácter deseado en HTML? Atributos html

           google 
        

        
Los atributos HTML son en realidad parte de las etiquetas HTML. En el ejemplo anterior, puede ver que  en sí es una etiqueta HTML que tiene diferentes atributos que puede usar. Si usa el tipo de atributo con el valor A, como en el ejemplo anterior, la pantalla  será A, B, C en lugar del predeterminado 1, 2, 3. Del mismo modo, en el ancla de etiqueta , el atributo href = "" le dice al ancla que referir o hacer la conexión. De manera similar, en <img, el atributo src = "
        
"Dígale a la fuente de la imagen que haga que la imagen se muestre en la etiqueta <img.Y en la etiqueta DIT, el atributo de clase se usa solo para aplicar una clase que tenga su propio estilo en CSS.Cubriremos CSS y Div más tarde.La diferencia entre las etiquetas HTML y los atributos de la etiqueta es una etiqueta HTML que, por ejemplo, <img y el atributo de sus subconvalores o definiciones.Por ejemplo, <img src = "image.jpg" en este ejemplo <img es una etiqueta HTML, mientras que SRC es un atributo de <img.Cada etiqueta tiene sus propias etiquetas que usará de acuerdo con los requisitos. Si desea obtener el código completo, descargue en el siguiente enlace.Código de descarga Vista previa en vivo Los siguientes enlaces HTML - Tutorial HTML - Desarrollo de aplicaciones web
Copyright statement: Unless otherwise noted, this article is Collected from the Internet, please keep the source of the article when reprinting.

Tags

Check Also

gkOVSBm5B8SgiXmo

Shopify vs WooCommerce – ¿Cuál es la mejor plataforma?(Comparación)

Shopify vs WooCommerce

Leave a Reply

Your email address will not be published. Required fields are marked *

Powered by WordPress | Designed by TieLabs
© Copyright 2026, All Rights Reserved