Al igual que un artículo, nuestras páginas web también deben tener párrafos y títulos claros de diferentes grados de importancia. Esta sección introducirá firmas comunes en XHTML que implementan títulos, párrafos y otras funciones.
Para definir el título, podemos usar las etiquetas de <h1> a <h6>. Las etiquetas de terminación correspondientes son </h1> a </h6> respectivamente, donde el orden de tamaño de fuente de <h1> a <h6> se reduce y la importancia se reduce gradualmente. El navegador liberará automáticamente una línea encima y debajo del título.
La definición de un párrafo usa <p> y </p>, y el contenido entre <p> y </p> se reconocerá como un párrafo, que es similar a lo que generalmente llamamos un párrafo. Similar al título, el navegador también agregará una línea de espacio en blanco antes y después de que comience el párrafo.
Cuando pensamos en escribir otra línea pero no queremos otro párrafo, podemos aplicar la etiqueta. <br> La etiqueta también es una etiqueta vacía, y una/ debe agregarse para cumplir con los requisitos de XHTML.
La etiqueta que se da cuenta de la línea divisoria horizontal es <hr />. Al igual que la etiqueta <br>, <hr> también es una etiqueta vacía. Para cumplir con las reglas de XHTML, A / debe agregarse. (La siguiente es una línea divisoria)
El uso razonable de las cuatro etiquetas introducidas anteriormente puede hacer que los usuarios navegen por su página web consideren que la página web es clara, mientras que los comentarios pueden hacerle sentir que la página web es clara al leer el código fuente de su página web para que no se confunda. La cosa entre <!-y-> es el contenido de los comentarios, y no se mostrarán en la página web. Vea cómo insertamos comentarios en el ejemplo del ejercicio a continuación.
Ahora abra la página web que guardamos en la sección anterior y practica las etiquetas importantes que aprendimos en esta sección. Deje que el <body> </body> sea mi primera página web <b> </b>. Retire e ingrese lo siguiente:
| <h1> Anuncio del servicio </h1> <!-Practique el uso del título y vea si el tamaño de la fuente se ha vuelto más grande. -> <hr /> <!-línea divisoria horizontal, no olvides eso /-> <H2> Ahora estoy proporcionando los siguientes servicios a estudiantes y padres de la escuela primaria en todo el país: </h2> <!-Título No. 2, ver si el tamaño de la fuente es más pequeño que el Título No. 1-> <h3> Servicios para estudiantes </h3> <p> Escribir la tarea de invierno y verano (las matemáticas no garantizan que no haya preguntas incorrectas, el chino no garantiza que no haya palabras incorrectas, tarea de inglés, encuentre a alguien más) <Br /> Para ayudar a los estudiantes de intimidación bajo el cuarto grado, se debe cobrar una tarifa deportiva especial. <Br /> Los padres ayudarán a fingir ser padres. </p> <!-El contenido anterior es un párrafo-> Servicio VIP <h3> </h3> <p> Cualquiera que compre los tres servicios se actualizará automáticamente a VIP. Crearemos una página de inicio personal para usted de forma gratuita, que cumple totalmente con el estándar XHTML de W3C e ISO2009 ~. </p> <!-Aunque las páginas web aquí son bastante distintas, ¿crees que la interfaz es realmente fea y simple? Por ejemplo, no hay brecha entre las líneas, el título número uno Demasiado grande. El método para definir la apariencia de una página web se describirá más adelante en el tutorial CSS. Olvidé hablar sobre el contenido principal, los comentarios no aparecerán en la página web, así que Podemos hacer muchas tonterías aquí. Sin embargo, intente escribir algunos comentarios rápidos en el proceso futuro del diseño de la página web. -> |