Editor de html de Coffeecup
porque 5 es mayor que 2.Cuando un navegador llega al símbolo de menos que (<), se queda totalmente desconcertado. Su primer instinto es asumir que estás comenzando 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>
Atom
Construya su propia presencia en línea Para crear su propio sitio web, siga estos pasos: Personaliza tu sitioElige una plantilla y personaliza cualquier cosa, o responde a unas cuantas preguntas y obtén un sitio web gratuito diseñado sólo para ti.Añade funciones avanzadasInicia tu propio blog, añade una tienda online y acepta reservas online. Siempre puedes añadir más funciones a medida que crezcas.Edita tu vista móvilConsulta la versión optimizada para móviles de tu sitio. Cambia al editor móvil para personalizarlo aún más. Optimice para los motores de búsquedaResponda a algunas preguntas sobre su sitio web, ubicación y palabras clave y obtenga un plan de SEO personalizado para que lo encuentren en línea.Comience ahora
Ejemplos de páginas web Html con código fuente
Para iniciarse en el diseño web y el HTML5, la mejor idea es lanzarse a la creación de un código con un diseño y una estructura de página web sencillos. Este artículo presentará algo de código HTML5 básico y explicará cómo funciona. También describiremos cada etiqueta básica y explicaremos cómo puedes subir tu nueva página HTML5 a tu servidor web.
Hay varios editores de texto en el mercado. Por ejemplo, Notepad++ es un editor de texto que codifica por colores la sintaxis HTML. Dreamweaver también es un editor popular que facilita el trabajo con los diseños. Notepad++ es gratuito, así que probablemente sea tu mejor opción para empezar. Asegúrate de que tienes la sintaxis configurada en HTML, para que el editor sepa cómo trabajar con tus etiquetas y codificarlas adecuadamente por colores. La codificación por colores es popular en la programación para ayudar a leer el contenido más rápidamente. Por ejemplo, el texto verde se entiende globalmente como una sección de comentarios. El código de color marrón se establece para las etiquetas HTML, y los nombres de las propiedades HTML son rojos. Los valores de las propiedades son azules.
Vamos a diseccionar esta página línea por línea, para que puedas entender cómo funciona HTML5. El código anterior es una página web básica, sin complicaciones, pero su estructura es importante cuando quieres construir tus propias páginas. Las etiquetas HTML que ves en la página anterior se utilizan en todas las páginas de tu propio sitio.
Portada de Microsoft
Si quieres evitar la molestia de comprar un nombre de dominio, configurar un servicio de alojamiento, elegir un programa de edición y todos los demás dolores de cabeza que conlleva el lanzamiento de un sitio web, tienes otras opciones.
Cuando alojas un archivo HTML en este sitio, no puedes previsualizarlo antes de enviarlo, no tienes forma de eliminarlo una vez publicado y no puedes editar la URL. Sin embargo, no necesitas una cuenta de usuario para poner el archivo en línea, por lo que es totalmente anónimo, lo que significa que nadie puede averiguar quién lo ha publicado.
Fundador de Online Tech Tips y editor jefe. Empezó a escribir en el blog en 2007 y dejó su trabajo en 2010 para escribir a tiempo completo. Tiene más de 15 años de experiencia en el sector de la informática y cuenta con varias certificaciones técnicas. Lea la biografía completa de Aseem
¿Le ha gustado este consejo? Si es así, echa un vistazo a nuestro propio canal de YouTube, donde cubrimos Windows, Mac, software y aplicaciones, y tenemos un montón de consejos de solución de problemas y videos de cómo hacerlo. Haz clic en el botón de abajo para suscribirte.