3.1 etiqueta html

Si está leyendo este texto, se supone que en el futuro trabajará como desarrollador de Java, bueno, o como desarrollador de Java Full Stack. Difícilmente escribirás documentos HTML, pero tendrás que leerlos a menudo . Así es como funciona el mundo, por lo que debe descubrir cómo se organizan los documentos HTML.

¿Cuál es el comienzo de cualquier documento HTML? Cada documento HTML tiene una estructura que consta de tres etiquetas anidadas: html, heady body. Este es el ejemplo estándar:

<!DOCTYPE html>
<html>
    <head>
        Service tags
    </head>
    <body>
        Main document
    </body>
</html>

Todo lo que muestra el navegador está dentro de una etiqueta de par body(cuerpo del documento). Dentro de la etiqueta headhay etiquetas con información de servicio/auxiliar para el navegador.

Java university

También es habitual (opcional) escribir el tipo de documento al principio del documento, DOCTYPEpara que el analizador comprenda mejor cómo interpretar los errores. Muchos navegadores pueden mostrar correctamente documentos rotos.

O, por el contrario XHTML = XML+HTML, existe una norma en la que existen reglas más estrictas que en la habitual HTML. Pero dicha información le será útil cuando decida escribir su propio navegador, o al menos el suyo propio HTML-parser.

3.2 La etiqueta de la cabeza

Dentro de la etiqueta headse suelen ubicar las siguientes etiquetas: title, meta, style, ...

La etiqueta <title> especifica el nombre del documento que se muestra en la pestaña del navegador.

La etiqueta <meta>se utiliza para configurar información de varios servicios. Por ejemplo, puede ayudar al navegador a comprender la codificación de un documento HTML (contiene texto sin formato, si lo recuerda).


<html>
    <head>
        <title> Escape character</title>
           <meta charset="utf-8" />
   </head>
    <body>
 
    </body>
</html>

3.3 etiquetas cuerpo, p, b

La etiqueta <body>contiene todo el texto html que mostrará el navegador. Las etiquetas más sencillas para mostrar un documento son: <h1>, <p>, <b>,<br>

<h1>- esta es una etiqueta de par, le permite establecer el título de su página / artículo. Si su artículo es largo y necesita subtítulos, entonces puede usar la etiqueta para este caso <h2>, <h3>y así sucesivamente hasta<h6>

Ejemplo:


<body>
     <h1>Cats</h1>
          <h2> Description of cats</h2>
            detailed description of cats
          <h2> Origin of cats</h2>
              Information about the origin of cats.
          <h2> Cat paws</h2>
              Huge article about the paws of cats
</body>

Si su artículo es grande y desea que sea más fácil de leer dividiéndolo en párrafos, necesitará una etiqueta de par <p>(de la palabra párrafo) para esto. Simplemente envuelva el texto en etiquetas <p>y </p>el navegador lo mostrará como un párrafo separado.

¡Atención! El navegador ignorará los saltos de línea y/o los espacios adicionales en su texto. Si desea agregar un salto de línea, inserte una sola etiqueta <br>(desde la línea de salto ) en el texto.

Bueno, la mejor parte es resaltar el texto en negrita. Si desea poner el texto en negrita, envuélvalo en etiquetas <b> </b>(desde b antiguo).