Diseño de la disposición de las palabras
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 con mayor facilidad.Una vez que tengas el esqueleto de 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>
Vista general de la palabra
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»>
Aplicación web de Word frente a la de escritorio
Es posible que mantengas Microsoft Word principalmente en la vista de diseño de impresión, que muestra tu documento como se vería al imprimirlo, con márgenes, saltos de página y otros elementos visuales. Pero esa no es la única vista que ofrece Word. La vista Diseño Web muestra tus documentos sin márgenes ni saltos de página. El modo de lectura muestra el documento formateado en columnas para facilitar la lectura. El Modo Borrador y la vista Esquema también ofrecen ciertas ventajas.
Y hay otras opciones, como la vista de lado a lado, la vista de una sola página, la vista de varias páginas y la vista dividida, cada una de las cuales ofrece ventajas específicas dependiendo de cómo quieras ver y trabajar con tu documento. Echemos un vistazo a sus opciones. (Estoy usando el último sabor de Word a través de Microsoft Office 365, pero el proceso para ver documentos funciona igual con versiones anteriores de Word también).
Abre un documento en Word. Si usas Word como yo, es probable que tu vista predeterminada esté configurada en Diseño de impresión. Para confirmarlo, haz clic en el icono Ver. En la cinta de Ver, el botón Diseño de impresión debería estar resaltado; si no lo está, haz clic en ese icono.
Html en word
Esta teoría no es esencial para escribir código web a corto plazo, pero en poco tiempo empezará a beneficiarse de la comprensión de lo que ocurre en segundo plano.Clientes y servidoresLos ordenadores conectados a la web se llaman clientes y servidores. Un diagrama simplificado de cómo interactúan podría ser el siguiente:
Imaginemos que la web es una carretera. En un extremo de la carretera está el cliente, que es como tu casa. En el otro extremo de la carretera está el servidor, que es una tienda en la que quieres comprar algo.