¿Editor HTML/CSS? (4 / 8 paso)

Paso 4: Los detalles

De arriba a abajo, vamos a hablar de algunas de estas líneas de código HTML.

< html >

Cualquier navegador de internet (Explorer, Firefox, Chrome, Safari o más de un centenar de variedades) responderá a esta etiqueta interpretando cada otra etiqueta en el documento como código HTML, el documento que se muestra en un monitor de la computadora como una página web. La última etiqueta en el documento indica el final de la codificación de HTML: < / html >.

cabeza de < >< / cabeza >

Todo entre las etiquetas < head > permite que el navegador procesar el documento de acuerdo a normas específicas. La información en la sección < head > normalmente nunca es vista por el usuario que abre el documento, excepto la información < title >. El navegador utiliza el < title > para mostrar una breve descripción de la página web, generalmente en la pestaña superior de la ventana del navegador.

< link rel = "stylesheet" type = "text/css" media = "all" href = "html-css-editor-reset.css" / >

Esta línea de código vincula el documento HTML a una hoja de estilo llamada html-css-editor-reset.css.

La hoja de estilos reset dirige el navegador de internet para restablecer todos los formatos y estilos a un neutro o nivel cero. Este reset es necesario el diseño de mi folleto, ya que cada navegador está configurado previamente diferentemente por su creador. Internet Explorer formatos HTML etiquetas ligeramente diferente de Firefox, por ejemplo. Espaciado y alineación son diferentes, las fuentes son diferentes, como así como muchas otra estilo formatos. Restablecimiento de todos los formatos de cero hace todos los navegadores esencialmente iguales, al menos para su visualización en un monitor de la pantalla.

Inmediatamente después de relacionar mi documento HTML con la hoja de estilos reset, también ligar a una hoja de estilo llamada pantalla de editor html-css. Esta hoja de estilo define los formatos y estilos de acuerdo a mis propias preferencias. Puedo seleccionar tamaño de fuente, tipo de letra, espaciado, alineación, colores... prácticamente todos los aspectos de formato pueden ser modificado para requisitos particulares. Puesto que ya he vinculado a la hoja de estilos reset, mis preferencias no ser mal interpretadas por diferentes navegadores.

Después de la sección < body > la sección < head >. < Cuerpo > contiene el contenido del documento, texto e imágenes que se mostrará en la Página Web.

Mi fragmento de código HTML muestra una página de mi guía, la lista de verificación diaria que reviso al comienzo de cada día para recordarme de lo que para obtener/hacer/tener en cuenta. No tiene mucho sentido a nadie, pero muestran las etiquetas HTML que utiliza para mostrar la información.

Artículos Relacionados

Hacer un sitio web todo sobre usted con Visual Studio (HTML, CSS, JQUERY)

Hacer un sitio web todo sobre usted con Visual Studio (HTML, CSS, JQUERY)

¡ Hola todos!Este es mi primer instructivo y en este instructable voy a mostrarle cómo utilizar Visual Studio para crear su propio sitio web!Aquí va un link de descarga para Visual Studio:Enlace Inicio Visual Studio´sEnlace de descarga directaEsto po
Galería de imágenes simple HTML CSS Javascript

Galería de imágenes simple HTML CSS Javascript

En el primer episodio de esta serie, tomo una conversación que tuve con un DIYer Dale nombre y convertirlo en un tutorial de vídeo sobre una posible solución. A construir desde cero una función simple que digerir una gran variedad de imágenes y no só
Sitio web (HTML y CSS)

Sitio web (HTML y CSS)

Hola a todos en instructables :)Recientemente he estado intentando hacer que algunos sitios web y host en línea simplemente ver cómo el HTML y CSS he aprendido elaborado por lo que podría hacer un completo sitio web derecho que ofrece y la revisión d
Cómo mejorar tu Instructables usando HTML

Cómo mejorar tu Instructables usando HTML

Instructables es una manera impresionante a compartir sus conocimientos y aprender de los demás. A veces, una gran cantidad de texto en un Instructablecan ser intimidante o una Instructable simplemente no se ve muy interesante. Para solucionar esto,
Hacer un sitio web html fácil

Hacer un sitio web html fácil

todo lo que necesitas para esto es un ordenador de algunos conocimientos de html/css y algo de tiempo.Paso 1. descargar el archivo zip y extraer. Abra los archivos en un editor de texto como el Bloc de notas o notepad ++Paso 2. ¿Sigo aprendiendo html
Adaptar su web HTML para dispositivos móviles

Adaptar su web HTML para dispositivos móviles

primero no estaba satisfecho cuando visité un escritorio Web optimizada en un smartphone.Las fuentes son demasiado pequeñas, con pan y zoom / hacia fuera todo el tiempo, los enlaces siempre son difíciles de tratar. Así que tuve que hacer algunas inve
La guía de principiantes a HTML

La guía de principiantes a HTML

este tutorial está escrito desde cero para principiantes en el mundo de la programación. Obviamente si estás familiarizado con algunos lenguajes de programación esto será algo más fácil.Si usted es nuevo a la programación no se desanime. Yo traté de
Hacer tus propias páginas web - conceptos básicos HTML (parte 1)

Hacer tus propias páginas web - conceptos básicos HTML (parte 1)

se trata de una guía de varias parte sobre cómo construir tus propias páginas Web. Cubre todo, desde código HTML básico, el código PHP más avanzados, al uso de editores de GUI para hacer su proceso más rápido. Esta primera parte abarcará usando HTML
Slider HTML RGB para Arduino vía Serial

Slider HTML RGB para Arduino vía Serial

Hola de nuevo!Me decidí a escribir más tutoriales acerca de mi proyecto de Arduino llamado Involt & HTML/CSS. Para obtener más detalles qué es consultar la página web del proyecto.En este instructable mostraré tinfrecuente hasta control de LED RGB co
Mover elementos HTML con JQuery vía Serial

Mover elementos HTML con JQuery vía Serial

Es este instructable sobre el uso de los valores recibidos de Arduino y usarlos para manipular elementos HTML dentro de Involt. Sin embargo esto no podrá utilizar métodos Involt JQuery o elementos de la interfaz pero este ejemplo es mostrar las posib
Comunicación serial entre Arduino, HTML y cromo

Comunicación serial entre Arduino, HTML y cromo

Es fácil trabajar con Arduino, pero la creación de proyecto que consiste en software requiere más habilidades de programación. A diferencia de otras soluciones de mi proyecto es la forma de crear HTML offline la aplicación - sin cosas como Yun, shiel
¿Cómo editar los archivos de Audio con Cool Audio Editor?

¿Cómo editar los archivos de Audio con Cool Audio Editor?

popularfly.com ( http://www.popularfly.com ) Cool Audio Editor es un potente audio edición de software que le permite crear, editar, filtrar, aplicar efectos y convertir archivos de audio. Puede combinar, copiar, mezclar, insertar y hacer operaciones
Cómo crear un sitio Web

Cómo crear un sitio Web

internet es una gran manera de obtener información. Si desea utilizar la pantalla de internet su propia información, usted necesita aprender cómo crear un sitio Web. Estas son instrucciones sobre cómo utilizar HTML simple para crear un sitio Web.Mate
The Drone Pi

The Drone Pi

NOTA: ESTE INSTRUCTIVO SE ESCRIBEEste proyecto es un quadcopter accionado por un Multiwii y controlada con una Raspberry Pi 2 B. Este quadcopter tiene una particularidad porque él está usando 2 controlador de diferentes y podía ser piloto con 2 dispo