HTML provides several tags that you can use to make some text on your web pages to appear differently than normal text, for example, you can use the tag <b> to make the text bold, tag <i> to make the text italic, tag <mark> to highlight the text, tag <code> to display a fragment of computer code, tags <ins> and <del> for marking editorial insertions and deletions, and more.
Both <strong> and <b> tags render the enclosed text in a bold typeface by default, but the <strong> tag indicates that its contents have strong importance, whereas the <b> tag is simply used to draw the reader’s attention without conveying any special importance.
Similarly, both <em> and <i> tags render the enclosed text in italic type by default, but the <em> tag indicates that its contents have stressed emphasis compared to surrounding text, whereas the <i> tag is used for marking up text that is set off from the normal text for readability reasons, such as a technical term, an idiomatic phrase from another language, a thought, etc.
porque 5 es mayor que 2.Cuando un navegador llega al símbolo de menos que (<), se queda totalmente desconcertado. Su primer instinto es suponer que estás iniciando una etiqueta, y que el texto “2 es claramente falso…” es parte de un largo nombre de etiqueta. Obviamente, esto no es lo que pretendías, y seguramente confundirá al navegador.Para resolver este problema, necesitas reemplazar los paréntesis angulares por la correspondiente entidad de carácter HTML. Las entidades de carácter sustituyen a las letras y símbolos que los navegadores interpretarían como HTML. Siempre comienzan con un ampersand (&) y terminan con un punto y coma (;). La entidad de carácter para el símbolo de menos que es < porque lt significa “menos que”. Del mismo modo, > es la entidad de carácter para el símbolo mayor que.He aquí el ejemplo corregido:La expresión 5 < 2 es claramente falsa,
</html>Todas las páginas web utilizan este marco básico. Las elipses (…) muestran dónde se inserta información adicional. Los espacios entre las líneas no son necesarios, sólo están ahí para ayudarte a ver la estructura de los elementos más fácilmente.Una vez que tengas el esqueleto HTML en su lugar, necesitas añadir dos elementos contenedores más a la mezcla. Toda página web requiere un elemento <title>, que va en la sección de la cabecera de la página, y necesitas crear un contenedor para el texto en la sección <body> de la página. Un contenedor de texto polivalente es el elemento <p>, que representa un párrafo.He aquí un vistazo más de cerca a los elementos que necesitas añadir:<title>Este elemento establece el título de tu página web. El título desempeña varias funciones. En primer lugar, los navegadores web lo muestran en la pestaña del navegador o en la parte superior de la ventana del navegador. En segundo lugar, cuando un visitante marca su página, el navegador utiliza el título como etiqueta del marcador. En tercer lugar, cuando su página aparece en una búsqueda web, el motor de búsqueda suele mostrar este título como primera línea en los resultados, seguido de un fragmento de contenido de la página.<p>Esto indica un párrafo. Los navegadores web no aplican sangría a los párrafos, pero sí añaden un pequeño espacio entre párrafos consecutivos para mantenerlos separados.Aquí está la página web con estos dos nuevos ingredientes (en negrita):<!DOCTYPE html>
that ends here. –>Comments are useful for labeling and organizing long documents, particularly when they are shared by a team of developers. In this example, comments are used to point out the section of the source that contains the navigation.<!– start global nav –>
95472</p>AttributesLet’s get back to adding an image with the empty img element. Obviously, an <img> tag is not very useful by itself—there’s no way to know which image to use. That’s where attributes come in. Attributes are instructions that clarify or modify an element. For the img element, the src (short for “source”) attribute is required, and specifies the location (URL) of the image file.Figure 4-12. An img element with attributes.The syntax for an attribute is as follows:attributename=”value”Attributes go after the element name, separated by a space. In non-empty elements, attributes go in the opening tag only:<element attributename=”value”>
Las cosas que van entre llaves triangulares (los caracteres < … >) se llaman etiquetas. Son la parte más importante del marcado HTML que se utiliza para describir la estructura del contenido. Hay etiquetas de apertura y etiquetas de cierre (o etiquetas de inicio y etiquetas de fin) que vienen en pares para encerrar piezas de contenido.
Por ejemplo, en el ejemplo anterior, <title> es una etiqueta de apertura y </title> es la etiqueta de cierre correspondiente. La etiqueta <title> se utiliza para encerrar el título principal del documento: el que se muestra en la barra de título del navegador (y se utiliza como etiqueta si se marca la página, y se muestra en los resultados de los motores de búsqueda de la página).
La etiqueta <p>…</p> se utiliza para encerrar un párrafo de la página. La frase “Este es un párrafo en mi página.” aparecerá formateada como un párrafo cuando veamos la página en un navegador web. Puede ver este archivo HTML aquí.
Puede notar en esa página que el salto de línea en el código anterior no coincide con la forma en que se formatea el párrafo cuando se ve la página (a menos que tenga el tamaño exacto de la ventana del navegador para que se muestre de la misma manera). En HTML, todo el formato debe especificarse con etiquetas (y CSS, como veremos más adelante). La etiqueta <p> indica que queremos que el contenido se formatee como un párrafo: el navegador lo hace y elige los lugares para romper las líneas (entre otras cosas) para su navegador.