Cómo construir un excelente sitio web usando HTML

Aunque puede hacer una página web sin conocer HTML, tendrá problemas inevitables sin importar qué editor de páginas web esté utilizando y necesitará saber HTML para solucionarlo. Hay muchos sitios web buenos donde puedes aprender HTML, pero este artículo te muestra los conceptos básicos para crear un sitio web usando HTML. Con esta introducción básica, ¡pronto podrás crear una página web desde cero!

Comprende qué es HTML. HTML (Hyper Text Markup Language) es el lenguaje de codificación que crea páginas web, es el esqueleto de cada página web que existe. Para ver cómo se ve, vaya a Internet Explorer, navegue a cualquier sitio web y haga clic derecho en la página web seleccionando “Ver código fuente”. Verá una página de código, y eso es HTML. Ese código es lo que su navegador ve e interpreta en una página web amigable para los humanos.

· En Google Chrome presione F12.

· En Mozilla Firefox, presione Ctrl + U para ver el código fuente de la página.

· En Safari, seleccione Ver → Ver fuente (u Opción + Comando + U).

· En Internet Explorer, la opción de menú VER es “fuente”.

Haga que su página web inicial sea lo más simple posible. Si no lo hace, es probable que se sienta abrumado por la sintaxis y los idiomas del script.

· Es importante recordar que escribirás tu información entre una etiqueta HTML de apertura y una etiqueta HTML de cierre. Una etiqueta de apertura se ve así: . Una etiqueta de cierre tiene este aspecto: . Finalmente, el ___ se reemplaza con un código.

Vaya a Inicio, luego “Programas” y luego “Accesorios”. y haga clic en “Bloc de notas”. Es mucho más fácil si usa Notepad ++ una vez que elige el lenguaje HTML, todo lo que escriba se conectará automáticamente con diferentes colores, de esa manera será mucho más fácil corregir posibles errores.

Dile al navegador qué idioma estás usando . En la primera línea, escriba , esta siempre debe ser la primera etiqueta en su código. En la segunda línea, agregue . Es la segunda etiqueta que escribe que le dice a la computadora que está iniciando una página web. También se cerrará en último lugar, así que al final del documento, ciérrelo escribiendo esto: . Esto termina la página web.

Dale un título a tu página . Un título es importante porque les da a sus usuarios una idea de lo que trata la página. Además, cuando los usuarios marcan su sitio como favorito, ese título es todo lo que verán en su lista de favoritos. El título del código HTML es . Ciérrelo al final de su título escribiendo El título se mostrará en la pestaña, no espere que sea el título del sitio web real.

Trabaja en el cuerpo de la página. Escriba para abrir la etiqueta del cuerpo. Luego cierre la etiqueta del cuerpo escribiendo . La mayor parte de la información de su página web va entre y .

· Para darle a tu página web un color de fondo, puedes agregar un estilo al cuerpo. Para agregar un color de fondo, agregue esta etiqueta . Puedes probar un color diferente o incluso un código hexadecimal. Las palabras entre comillas se conocen como “atributos”. ¡Deben estar entre comillas!

Escribe un texto entre las etiquetas del cuerpo.

· Para que el texto pase a la siguiente línea (como presionar “Enter” en su teclado), escriba

· ¿Desea agregar una marquesina, también conocida como una palabra que se mueve por una pantalla? Simplemente escriba EL TEXTO VA AQUÍ .

Agrega algunas fotos. Si desea poner una imagen de Internet en su página web, el código HTML para las imágenes es . La etiqueta de cierre es:. Sin embargo, la etiqueta de cierre es opcional.

Guarda tu trabajo. Vaya a “guardar como”, coloque un nombre de archivo con una extensión .html (como “testfile.html”) y elija “todos los archivos” o “texto” debajo del tipo de archivo. No funcionará si no se hacen ambos. Vaya a buscar la página donde la haya guardado, haga doble clic en ella y su navegador web predeterminado debería abrir su propia página web.

Usted no

HTML en sí mismo es débil, realmente no hace mucho.

Puede ayudar pensarlo de otra manera.

Construyamos humanos a partir de lenguajes de codificación.

Nuestro humano construido a partir de HTML es básicamente un poco de ADN:

Nuestro humano construido con HTML y SQL para almacenar los datos:

Nuestro humano creado con HTML, SQL y un lenguaje del lado del servidor como C #:

Nuestro humano creado con HTML, SQL, C # y JavaScript (¿ves cómo pueden bailar y moverse ahora?):

Nuestro humano creado con HTML, SQL, C #, JavaScript y CSS:

También podemos hacer cosas como esta con CSS si queremos cambiar un poco el aspecto:

Por sí mismo, HTML realmente hace mucho. Puede usarlo para estructurar cosas y hacer algunas cosas básicas para enviar mensajes de texto, pero no mucho más que eso.

Si va a aprender codificación, le recomendaría comenzar con Python, C # o Java. Luego aprenderá cosas como alcance, condicionales y bucles. Eventualmente, algún tutorial le mostrará cómo crear un sitio web y aprenderá algo de HTML y CSS. Al principio no me preocuparía demasiado por ellos: concentre su tiempo y esfuerzo en los demás. Luego, cuando tenga una sólida comprensión de los demás, siga adelante y aprenda algo como Bootstrap y aprenda a diseñar cosas agradables con CSS. Definitivamente querrás aprender sobre consultas de medios una vez que llegues a ese punto. 🙂

Usar estrictamente HTML, lo que significa que no hay hojas de estilo CSS o interactividad JavaScript, será difícil crear un sitio notable (al menos para este siglo). No hay suficientes características en HTML “en bruto” para hacer las cosas interesantes.

Si quiere decir, ¿se puede construir un sitio con archivos HTML / CSS / JS, en lugar de usar un sistema de gestión de contenido (CMS), una aplicación de creación de páginas web WYSIWYG o un servicio en línea como SquareSpace?

La respuesta es sí: es posible crear un excelente sitio web utilizando incluso un simple editor de texto, más un editor de imágenes para componer o recortar imágenes.

HTML, CSS y JS están diseñados para ser (relativamente) legibles por humanos, por lo que no se requieren herramientas especiales para escribir, solo habilidades de programación y diseño.

Sin embargo, probablemente tomará mucho trabajo crear algo sofisticado, y administrar más de un puñado de páginas del sitio se vuelve bastante complicado.

Para ayudar, hay muchos marcos de código abierto, como Bootstrap y jQuery, con cualquier cantidad de complementos para ampliar las funciones, junto con plataformas CMS como WordPress.

La mayoría es gratuita para descargar o vincular y usar para su sitio, y pueden simplificar la creación de diseños complejos e interactividad en su sitio. Nota: es probable que un CMS requiera una configuración de base de datos, que puede ser un poco difícil de hacer en su computadora, pero también puede optar por editar su sitio directamente en línea con un host (lo cual está bien si tiene una buena conexión a Internet).

Cada marco, plugin o CMS tiene su propia curva de aprendizaje, pero le permitirá ir mucho más allá de lo que podría crear de otra manera.

Primero debes aprender HTML y CSS. Además de ese aprendizaje, Bootstrap es muy bienvenido.

Los tutoriales web en línea de W3Schools tienen tutoriales increíbles, y también prueba con Codecademy: aprende a codificar, interactivamente, gratis

Buena suerte. 🙂

Aprende a ser un buen desarrollador, así que aprende todo lo que puedas.

Debe conocer fuertes habilidades en HTML y CSS para básicos, que aprender habilidades en javaScript para desarrollar el lenguaje del lado del cliente y del lado del servidor como PHP.

Enlace esta publicación, tal vez podría ser útil: 7 consejos para convertirse en un mejor desarrollador web | DailyGit

También estoy aprendiendo HTML CSS y JS. Hay muchos lugares que puede visitar para obtener información muy útil y pronto se familiarizará con la construcción de buenos sitios web.

Algunos lugares que me han ayudado:

  • YouTube: medios transversales
  • freecodecamp (certificado para desarrollador de pila completa también)
  • Escuelas wc3

Pero, sobre todo, debes seguir practicando para mejorar tus habilidades, una vez que hayas aprendido los conceptos básicos del desarrollo web, pasa al diseño web, observa buenos esquemas de color y estilos de buenos sitios web e intenta incorporarlos. ¡Póngase en contacto con pequeñas empresas o nuevas empresas y solicite construir o actualizar su sitio web de forma gratuita para obtener más experiencia!

No puede crear un sitio web excelente solo con HTML.

¿Por qué?

Debido a que HTML es el esqueleto de cada sitio web, pero además de HTML, incluso los sitios web más simples tienen CSS, no se puede construir un sitio web decente solo con HTML, y por supuesto, ni mucho menos uno excelente.

HTML no te llevará lejos. Eso te da contenido estático con poco estilo. Necesita aprender CSS (usar o comenzar con bootstrap) y tal vez agregar algo de interactividad con JavaScript / jQuery.

Para obtener sitios web realmente buenos, necesitará un back-end para alimentar el contenido. Ese es un nivel completamente diferente de cosas para aprender

No puede hacerlo solo con HTML, necesita al menos emparejarlo con CSS, ver videos de YouTube y leer los grupos de páginas web HTML y CSS del W3C

Necesitas html css, puedes aprenderlos en un lugar como la casa del árbol e hice un pequeño video que te presenta los conceptos básicos de html