Red de conocimiento informático - Material del sitio web - Cómo escribir manualmente el código de una página web usando el editor de texto Bloc de notas

Cómo escribir manualmente el código de una página web usando el editor de texto Bloc de notas

Paso uno: haga clic derecho en la carpeta vacía y seleccione "Nuevo - Documento de texto". Luego apareció inmediatamente un archivo llamado "Nuevo documento de texto.txt" en esta carpeta vacía. Cambie el nombre de este archivo con el sufijo "txt" a "html". Por ejemplo: 1.html

De esta manera, se crea una página web vacía sin código ni contenido de página web.

Vaya, ¿lo viste? Tu primera página web. ¡Cómo no podría ser emocionante y emocionante! Todo lo que necesitas es escribir algunas palabras.

También puede ser relativo, relativo a la página actual.

Entonces, asumiendo que tienes otro documento HTML "flyingmoss.html", una línea de código puede escribirse como El milagro del musgo en vuelo, etcétera.

Las conexiones no sólo se pueden conectar a otros documentos HTML, sino también a otros archivos de la página.

Los enlaces también pueden conducir a otras partes de la página. Puede agregar un atributo de identificación a casi cualquier etiqueta, como

Moss

, y luego conectarse a él, así: Ir a moss a>, al hacer clic en este enlace se desplazará directamente al elemento con esta identificación.

Tenga en cuenta que la etiqueta a le permite abrir una nueva ventana para la conexión en lugar de reemplazar la ventana actual. Esto puede parecer una buena idea al principio porque no hará que el usuario abandone su página.

Sin embargo, hay muchas razones por las que no deberías hacer esto.

Desde el punto de vista de la usabilidad, este enfoque interrumpe la navegación. La herramienta de navegación más utilizada es "atrás" en el navegador; abrir una nueva ventana inutiliza esta función.

En términos más generales, y desde una perspectiva de facilidad de uso, los usuarios no necesitan que aparezcan nuevas ventanas en todas partes. Si un usuario necesita abrir una nueva ventana, tiene el derecho (sí, el derecho. ¿No sería bueno no interferir por la fuerza con la voluntad de otras personas? En general, se recomienda que intente no utilizar nuevas ventanas. Nota del traductor) para darse el control.

-------------------------------

Imagen

p>

Si es todo texto, se verá aburrido y aburrido. Naturalmente, una página web no debe ser solo texto (jaja, para algunos documentos técnicos, creo que el texto es suficiente - Nota del traductor), es multimedia y. La forma más común son las imágenes.

La etiqueta de imagen img se utiliza para agregar imágenes a HTML. Mejora tu código de esta manera:

El atributo src le dice al navegador la dirección de la imagen. imagen. Al igual que la etiqueta a, puede ser absoluta, como se muestra en la demostración, pero la mayoría de las veces es relativa. Por ejemplo, si tienes tu propia imagen y la has guardado como alienpie.jpg y la has colocado en la carpeta de imágenes, el código se puede escribir así:

Los atributos de longitud ancho y alto son obligatorios (el "notorio" "Diseño con estándares web" de Zeldman dice que el ancho y el alto no son necesarios, lo que puede ahorrar ancho de banda. No me gusta usar estos dos atributos al crear páginas web - Nota de traducción) Porque el navegador puede calcular el espacio ocupado por la imagen durante el proceso de descarga; de lo contrario, el navegador puede provocar un salto de página porque no sabe de antemano cuánto espacio ocupará la imagen, destruyendo así. el diseño de la página.

El atributo alt representa una descripción alternativa. Esto es por el bien de los clientes que no pueden o no eligen mostrar imágenes (como el navegador de terminal Lynx, que no puede mostrar imágenes, pero puede mostrar texto en formato alt.

El peor de los casos es que escriba el nombre de archivo o la ruta de la imagen incorrectos. Incluso si la imagen no se puede mostrar en un navegador gráfico, el texto en el alt aún se puede mostrar, evitando malentendidos innecesarios por parte de los visitantes. Le recomendamos utilizar alt en cualquier situación. ——Nota del traductor). Este es un atributo indispensable en las versiones recientes de HTML.

Tenga en cuenta que, aunque la creación de imágenes para páginas web no es el tema de este sitio, todavía tenemos algunas cosas útiles que decirle.

Los formatos de imagen más utilizados son GIF y JPEG. Todos son formatos comprimidos y tienen usos muy diferentes.

Las imágenes GIF no pueden exceder los 256 colores, pero pueden mantener los colores de la imagen original. Cuanto menor sea el número de color, menor será el tamaño del archivo de imagen.

Se debe utilizar GIF en imágenes con colores sólidos.

JPEG utiliza un algoritmo muy preciso para comprimir imágenes, cambiando ligeramente la imagen original. Cuanto menor sea la compresión, más grande será el archivo de imagen y, por tanto, más clara será la imagen.

Se debe utilizar JPEG para imágenes que se deseen representar de manera realista, como la fotografía.

Los archivos con los que deben lidiar los principiantes en diseño web pueden ser archivos de imágenes. Ignorar imágenes que son demasiado grandes es un error común que cometen los principiantes. Las páginas web deben descargarse lo más rápido posible. Piense en cuánto tiempo le tomaría a alguien con una conexión de módem de menos de 7 kb por segundo descargar su página completa.

Debes elegir entre calidad de imagen y tamaño del archivo de imagen. Muchos programas de procesamiento de imágenes modernos permiten comprimir imágenes de la mejor manera posible, pero nuevamente, este es un proceso riesgoso o que produce errores.

El traductor tiene algo que decir: Aparentemente, nadie recomienda imágenes en formato PNG todavía, tal vez simplemente debido al escaso soporte de IE para este formato. GIF no ha resuelto el problema de las patentes hasta el momento y su uso aún corre el riesgo de sufrir una infracción. PNG tiene un gran potencial y también tiene capacidades de transparencia. La cantidad de colores no es solo los pobres 256 colores del GIF, sino que también tiene la alta definición y la alta fidelidad del JPEG. Por eso se lo recomiendo desde un punto de vista personal. .

------------------------------------------- ----- --

Las tablas deambulan por el mundo de la World Wide Web. Cuántas tablas HTML se utilizan para diseñar páginas y también se abusó de ellas al mismo tiempo. Aprenderemos cómo diseñar páginas sin tablas en nuestra guía avanzada de CSS. El uso correcto de las tablas debe ser mostrar los datos en formato tabular.

Hay muchas etiquetas que se pueden usar en las tablas. De hecho, es difícil enseñar cómo funcionan las tablas en la guía para principiantes. No importa, vayamos paso a paso y veamos un ejemplo primero. Los ejemplos siempre son una buena forma de aprender.