Skip to main content

Aprenda los conceptos básicos de HTML para su sitio web

Yamaha DT 125 Sistema De Luces Diagrama Eléctrico Parte 2 | ToroMotos (Abril 2025)

Yamaha DT 125 Sistema De Luces Diagrama Eléctrico Parte 2 | ToroMotos (Abril 2025)
Anonim

Aprende HTML básico para crear tu sitio web. HTML básico no es difícil de aprender. Aprender HTML es probablemente la cosa más importante que harás si quieres crear tu propio sitio web personal. Debe aprender HTML para diseñar buenas páginas porque es el idioma en el que se basa el sitio web en Internet.

Los sitios web son una excelente manera de mostrar algo en su vida. El HTML básico le permitirá mostrar al mundo lo que quiera que se muestre en su sitio web. Agregar colores, cambiar el tamaño del texto e incluir imágenes en su sitio web son solo algunas de las cosas que puede hacer cuando aprende HTML básico.

Para aprender HTML básico, debe tener en cuenta que es simplemente una serie de letras que son abreviaturas de lo que realmente representan. Por ejemplo, H1 representa un encabezado para un párrafo que es el primero de cinco tamaños y BR es un salto de línea.

Una cosa importante a recordar, mientras aprendes HTML básico, es que en una página web las etiquetas HTML deben venir en un cierto orden y la mayoría de las etiquetas HTML deben tener una etiqueta de inicio y fin para que el navegador reconozca el comando. Una etiqueta final es simplemente igual que la etiqueta inicial, excepto que comienza con la / símbolo. Un encabezado se vería así

Encabezando aqui

. Hay una etiqueta de inicio, H1, el encabezado, y una etiqueta final, / H1.

Aprenda HTML básico de la manera correcta y recuerde que las etiquetas deben venir en un cierto orden. La estructura básica de una página web es la siguiente:

Aquí puede colocar información importante del documento, como marcos, idioma e instrucciones especiales.

Título de tu página.

Pon tu historia, fotos, enlaces, y todo lo demás aquí.

Título de su párrafo.

Aquí es donde usted ingresa el texto de su documento.

Así es como se escribe un enlace:Título o lo que quieras decir.

También puede ingresar un enlace en el medio de una oración. Si quisieras decir "Microsoft tiene algunas demostraciones maravillosas". Se vería así:

Microsoft tiene algunas demostraciones maravillosas para ayudarte a aprender HTML básico.

No solo puede crear enlaces a otras páginas, sino que también puede crear enlaces a otro lugar en la misma página. Si quisiera que volviera al principio de este artículo, diría algo como "Volver" y al hacer clic en el hipervínculo, volvería al principio. Este es un poco más difícil porque tiene dos partes. En primer lugar creas tu enlace:

Regresa

La palabra "Allí" es la palabra a la que quiero llevarte de nuevo, así que ahora debo ir a esa palabra y crear y anclar para que el enlace que acabo de crear sepa dónde ir:

Ahí

Cuando aprenda HTML básico, puede escribir su sitio web en el editor de texto que viene con Windows, programas como NoteTab y Arachnophilia, o uno que viene con su navegador web. De cualquier manera, si solo sigue las reglas de cuando aprendió HTML básico, todo saldrá bien.

Etiquetas HTML básicas

- Comentarios de autores no vistos por el navegador.

- Siempre comienza y termina tu página usando esta etiqueta.

- Encabezado por documento.

- Cuerpo del documento.

- Título del documento.

- Tamaño de encabezado más pequeño.

- Encabezado pequeño.

- Tamaño de título medio-pequeño.

- Tamaño de rumbo medio-grande.

- Gran tamaño del título.

- Mayor tamaño de rumbo.

- Inicia un enlace de hipertexto.

- Información sobre el autor.

- Largas citas.

- Texto preformateado.

- Bloque de forma.

- Crea un cuadro para introducir texto.

- Crea un menú de desplazamiento.

- Crea elementos para seleccionar.

- Lista de directorios.

- Lista ordenada.Ejemplo de una lista ordenada:

  1. rojo
  2. azul
  3. verde

- Lista desordenada.Ejemplo de una lista desordenada:
  • rojo
  • azul
  • verde

- Lista del menú.

- Lista de glosarios.

- Citación.

- Código fuente.

- Término definido.

- Énfasis.Ejemplo de énfasis en rojo: rojo, azul verde

- cursiva.Ejemplo de cursiva: rojo, azul, verde

- Texto del teclado.

- Texto de ejemplo.

- Fuerte énfasis.Ejemplo de fuerte énfasis:rojo, azul, verde

- Texto de máquina de escribir.

- Variable.

- Negrita.

- Referencia de ubicación para otras URL.

- Permite vincular documentos entre sí.

- Describe el documento.


- Salto de línea.

- Linea horizontal.

- Imagen.

- Párrafo.

- Lista de artículos.

- Marca un término en una lista.

- Marca la definición en la lista.