¿Cómo hacer un sitio web HTML simple?

01.06.2020
Artículos y más ... '¿Cómo hacer un sitio web HTML simple?
0 9 мин.


HTML o Lenguaje de marcado de hipertexto es, como su nombre lo dice, un lenguaje de marcado. No se considera un lenguaje de programación en el sentido tradicional. Es un idioma en el que el creador puede crear documentos y marcar diferentes partes usando etiquetas HTML. HTML fue inspirado por SGML, y su primera versión apareció en el año 1990 en el CERN.

HTML se diseñó originalmente para documentos estáticos simples, cuando se pensaba que la World Wide Web era un sistema de recuperación de documentos. Actualmente, casi todas las páginas web usan HTML, y se convirtió en el lenguaje de la Web. La última iteración es HTML5, que es compatible con todos los principales navegadores y es una mejora para HTML 4 que fue “estandarizado” en 1997.

Este artículo señalará los fundamentos de hacer un sitio web HTML simple, algo que cualquiera puede aprender, independientemente de su profesión elegida.

¿Por qué deberías aprender HTML??

Se podría argumentar que con la tecnología actual cualquiera puede crear un sitio web rápido y atractivo sin la necesidad de codificar una sola línea de HTML, y aunque esto es cierto, siempre puede ser útil saber cómo modificarlo un poco.

Muchas veces, las personas agregarán complementos / módulos / extensiones a un CMS como WordPress, Drupal, Joomla, etc. para expandirlo con una función simple que podría haberse logrado con un par de líneas de HTML. Si bien el complemento podría ser más simple, podría aumentar los tiempos de carga de la página, y es solo otra cosa de la que preocuparse en términos de seguridad y actualizaciones.

Es bastante fácil aprender HTML, y puede ser muy divertido, porque puedes ver los resultados al instante, a diferencia de un lenguaje de programación en el que tienes que compilar el código que has escrito. Ya tiene todas las herramientas necesarias para comenzar a aprender HTML, tiene un navegador web y ciertamente tiene un editor de texto simple como el bloc de notas. Las aplicaciones como Microsoft Word no lo harán, necesitará un editor de texto plano básico: bloc de notas, bloc de notas ++. Existen los llamados IDE (Integrated Development Environment), que lo ayudarán a escribir HTML con características como resaltado de sintaxis o autocompletado.

Hola Mundo!

Puede tomar un editor de texto gratuito como Notepad ++ o Sublime Text Editor e iniciarlo. Guarde el archivo vacío en su escritorio como “hello.html”. Esto cambiará el editor en modo HTML, para que pueda disfrutar de los beneficios de un IDE. Ahora siga adelante y escriba el siguiente texto:

Hola Mundo!

Hola Mundo!

Guarde el archivo y luego ábralo con su navegador web. No fue tan difícil en absoluto, ¿verdad? Puede continuar y modificar el archivo, guardarlo y actualizar la página en su navegador, y verá todos los cambios que ha realizado. No necesita tener miedo, no hay forma de que pueda afectar su sistema operativo. No puede eliminar archivos o cosas de esa naturaleza. Y no tengas miedo a los fracasos, como dice el refrán “El maestro ha fallado más veces de lo que incluso el principiante ha intentado”.

Conceptos básicos de HTML y 101

conceptos básicos de html 101

HTML consta de etiquetas y texto. Una etiqueta HTML tiene un significado especial para el navegador, básicamente este es el método para marcar el documento. Algunas etiquetas pueden contener otras etiquetas como, por ejemplo, la etiqueta de lista desordenada

    puede contener elementos de la lista

  • en eso. Una etiqueta de párrafo

    puede contener una nueva etiqueta de línea
    , una etiqueta de anclaje , negrita , itálico , etiquetas etc..

    En nuestro ejemplo, la etiqueta HTML principal contiene una etiqueta de encabezado y una etiqueta de cuerpo. En la etiqueta de encabezado, podemos especificar el título del documento, que se mostrará en el título de la pestaña del navegador. En el cuerpo, tenemos una etiqueta H1 o una etiqueta de Título 1.

    Las etiquetas HTML pueden tener atributos que pueden alterar el comportamiento de la etiqueta, por ejemplo, podemos agregar un atributo de “estilo” a nuestro H1 para especificar su estilo. Si agregamos style = ”color: red”, entonces se convierte en

    Hola Mundo!

    podemos cambiar su color del negro predeterminado al rojo. Por supuesto, en una página web más grande, el diseño de nuestros elementos uno por uno puede volverse problemático y saturará nuestro HTML. Un mejor método sería darle al elemento un atributo de clase o una identificación, y luego especificar su estilo por esa clase o identificación.

    Hay bastantes Tutoriales HTML y recursos en Internet, puede ver tutoriales en YouTube o The Great Curses Plus o leer uno de los miles de artículos en Internet sobre HTML.

    Una cosa a tener en cuenta es que, no importa cuánto lea o mire, necesitará ensuciarse las manos y comenzar a escribir HTML. Es la única forma en que aprenderá, porque en el momento en que comience a escribir, tendrá más preguntas y esas preguntas generarán aún más preguntas, hasta que tenga confianza y fluidez en HTML.

    Estilo y secuencias de comandos

    Una página web HTML pura es estática. Esto significa que no puede contener partes que cambian dinámicamente, por ejemplo, “Nuestras últimas noticias”. Si crea un sitio web que presenta una sección de noticias, que se actualiza constantemente, simplemente crear los artículos y luego actualizar las referencias puede convertirse en una tarea bastante grande.

    Por otro lado, si crea una tarjeta de visita o sobre mí, tipo de sitio web en HTML, que no cambia con tanta frecuencia, tal vez una o dos veces al mes, entonces un sitio web estático HTML es perfecto. Debido a que no tiene partes “móviles”, como la base de datos, el procesamiento del lado del servidor (PHP, Python, Ruby, etc.), hay menos cosas que pueden salir mal, y también es increíblemente rápido.

    Puede hacer que una página estática sea dinámica agregando JavaScript (Script ECMA para ser precisos), que es un lenguaje de programación de secuencias de comandos. Con JavaScript, puede responder a la entrada del usuario ocultando o mostrando algunas partes del HTML, también puede cambiar la apariencia de la página web. Con AJAX, puede solicitar recursos adicionales de su sitio web, como subpáginas, formulario de contacto o sus últimos Tweets, y puede incorporarlos a su sitio web.

    Los estilos HTML predeterminados son bastante aburridos, es texto negro sobre fondo blanco. Puede cambiar el estilo de cualquier elemento HTML con CSS (hojas de estilo en cascada). En HTML, no tiene control sobre cómo se representará su documento, es una característica de HTML, no una deficiencia. Con CSS, puedes intentar ser un poco más preciso, pero aún así no tendrás el 100% de control. Algunos navegadores harán las cosas un poco diferentes que otros. La versión CSS actual, que es compatible con todos los principales navegadores, es CSS3, y tiene muchas características útiles que el estándar anterior carecía.

    Para comprender CSS, debe comenzar con el modelo de caja, le ahorrará mucha confusión al principio, y es importante que comprenda la diferencia entre borde, relleno, márgenes, etc. CSS es bastante fácil de aprender y como con HTML, verá instantáneamente los cambios que ha realizado. Como ya se mencionó, puede agregar un elemento de identificación o clase a cualquier etiqueta HTML y puede escribir reglas CSS para esos identificadores y clases. Para volver a nuestro ejemplo, en la sección principal si escribimos el siguiente texto,

    cuerpo {

    Color de fondo: azul;

    }

    cambiará el color predeterminado del documento blanco a azul.

    Una cosa a tener en cuenta con CSS es que hay muchas etiquetas específicas del navegador, así que asegúrese de probar su sitio web utilizando diferentes navegadores o al menos Google Chrome, Mozilla Firefox, Internet Explorer 11 y Edge. No está de más echar un vistazo rápido a algunos navegadores móviles, especialmente Safari IOS.

    Conclusión

    Aprender HTML y CSS es más fácil que la mayoría de los lenguajes de programación, y puede ser una experiencia muy gratificante. Con HTML, podrá crear páginas web exactamente como quiere que sean, sin compromisos como en los casos de CMS. La creación de sitios web HTML le permitirá alojarlos en cualquier lugar y serán extremadamente rápidos de cargar y sin problemas.

    Incluso con la aparición de todo tipo de constructores de sitios web de arrastrar y soltar, el HTML no puede considerarse obsoleto. Es la base de todos los sitios web, e incluso con CMS potentes y herramientas de creación de sitios web, que le permiten crear un sitio web de aspecto profesional sin ningún conocimiento de codificación, es posible que desee hacer algunos ajustes aquí y allá en su sitio para obtener las cosas tal como usted quiero que sean. Aprender algo de HTML te permitirá hacer eso.

    Conocer los conceptos básicos de HTML puede ser una habilidad útil para adquirir para cualquiera, no solo para aquellos que planean una carrera en TI. Aquellos que trabajan con contenido web, marketing en línea, traducción y cualquier persona que requiera una presencia en línea se beneficiarán de un curso intensivo en HTML.

    Jeffrey Wilson Administrator
    Sorry! The Author has not filled his profile.
    follow me
    Оцените статью
    Понравилась статья?
    Комментарии (0)
    Комментариев нет, будьте первым кто его оставит

    Комментарии закрыты.

    Adblock
    detector