Instrucciones de paso a paso gratis Hola Mundo!Prueba combinaciones: cómo se ve
Esta es la primera etiqueta que encontramos que no necesita una etiqueta final! A tal etiqueta la llamamos etiqueta vacía.Crea encabezados para dejar claros los nombres de las secciones:
Comience con las etiquetas para la tabla ("mesa" en inglés) alrededor de toda la mesa: Coloque etiquetas alrededor del contenido de cada fila: Coloque los encabezados de las columnas en la primera fila: Coloque las celdas en filas consecutivas: Aquí hay un ejemplo de cómo se une todo:
Aprende html
Contenido
HTML es la abreviatura de Lenguaje de marcado de hipertexto, es el codigo de idioma que se utiliza para crear sitios web. Puede parecer complicado si nunca ha programado antes, pero para probarlo todo lo que necesita es un programa de procesamiento de texto simple y un navegador de Internet. Es posible que reconozca algunos HTML de foros, perfiles en línea o artículos de wikiHow. HTML es una herramienta útil para cualquiera que use Internet, y aprender HTML puede tomar menos tiempo de lo esperado.
Pasos
Parte 1 de 2: aprender los conceptos básicos de HTML
1. Abrir un documento HTML. La mayoría de los programas de procesamiento de texto, incluidos Notepad o Word para Windows y TextEdit para Mac, se pueden usar para crear documentos HTML. Abra un nuevo documento y seleccione Archivo → Guardar como en el menú superior para guardar su documento como una página web, o cambie la extensión del archivo de ".Doc", ".rtf" o algo más para ".html" o ".htm".- Ahora puede ver una advertencia que indica que su documento se está cambiando de formato de texto enriquecido (RTF) a "texto plano", y que ciertas opciones de formato e imágenes no se guardan correctamente. Puede ignorar esta advertencia; Los documentos HTML no utilizan estas opciones.
- .html y .los archivos htm son iguales. ambos funcionan.
2. Ver su documento con un navegador. Guarde su documento en blanco, ciérrelo, luego haga doble clic en el documento en la ubicación donde está guardado para abrirlo nuevamente. Su documento ahora debe ser abierto por su navegador como una página web vacía. Si eso no funciona, arrastre el ícono del archivo a la barra de direcciones de su navegador. Si luego edita su documento HTML siguiendo los pasos de este artículo, seguirá volviendo al navegador para verificar cómo se ven los cambios en el código.
Nota: su página web aún no está en línea. La página no es accesible para otros y no necesita una conexión a Internet que funcione para probarla. Solo está utilizando su navegador para ver el documento HTML "leer" como si fuera un sitio web.
3. Comprender qué son las `etiquetas`. Las etiquetas no son visibles en la página web final, como lo es el texto normal. Las etiquetas le dicen a su navegador cómo mostrar la página y el contenido de la página. La etiqueta de apertura contiene instrucciones. Por ejemplo, puede decirle al navegador que ponga el texto en negrita. La etiqueta de cierre es necesaria para decirle al navegador dónde se aplican las instrucciones: en este ejemplo, todo el texto entre las etiquetas de apertura y cierre está en negrita. Las etiquetas finales también se colocan entre paréntesis, pero sigue una barra después del primer paréntesis.Escriba las etiquetas de apertura entre paréntesis: Escriba las etiquetas finales entre paréntesis, pero coloque una barra oblicua después del primer paréntesis: Lea más adelante en el artículo cómo escribir etiquetas funcionales. En este paso, todo lo que necesita hacer es recordar cómo escribe las etiquetas: < > y En otros cursos de HTML, las etiquetas también se denominan "elementos" llamado y el texto entre las etiquetas de inicio y final también se llama "contenido del elemento" nombrada.
<este es el dia de inicio>>)4. Escribe tu primera Cada documento HTML comienza con un escribir en la parte superior de su documento. Presiona enter o return varias veces para darte un poco de espacio, luego escribe recuerda que tu todo en este artículo entre estas dos etiquetas.
5. arreglalo entre las etiquetas -etiqueta de inicio y una -etiqueta final. Haz algo de espacio entre estas etiquetas de nuevo. Todo lo que se escriba entre estas etiquetas no será visible en la propia página web. Pruebe los siguientes pasos y vea si puede ver dónde aparece la información:Escribe entre las etiquetas y entre las etiquetas Aprende HTML - wikiHow .Guarde el documento y ábralo en un navegador (o guarde el documento y actualice la página en el navegador si la página todavía estaba abierta). Vea lo que acaba de escribir en la parte superior de la página, arriba de la barra de direcciones?
6. hacer una Todo lo demás en este documento para principiantes está cubierto en la sección Después la etiqueta por la etiqueta y . Todo lo que discutimos más adelante en este artículo lo colocamos entre las etiquetas del cuerpo. Ahora debería tener un documento similar a este (sin las viñetas):
7. Agregar texto en diferentes estilos. Ahora es el momento de escribir algo que realmente sea visible en el navegador! Todo lo que escriba dentro de las etiquetas del cuerpo será visible en el navegador después de guardar los cambios y actualizar la página dentro del navegador. escribir no algo con los personajes < y >, porque su navegador lo interpretará como instrucción HTML en lugar de texto sin formato. Por ejemplo, escribe Hola Mundo! (Inglés para "Hola Mundo!", este es el texto repetitivo global como el primer ejemplo en cualquier curso de lenguaje de programación) o algo más, y coloque las siguientes etiquetas antes y después del texto y siga viendo lo que sucede:
8. Divide tu texto en párrafos. Si vas a colocar varias líneas de texto en tu documento, verás que todas las líneas se colocan una detrás de la otra. Tienes que programar nuevas líneas y líneas en blanco tú mismo:
Esta oración está en la primera líneaEsta es la primera etiqueta que encontramos que no necesita una etiqueta final! A tal etiqueta la llamamos etiqueta vacía.
9. Aprende a hacer listas. Hay varias formas de crear listas en una página web. Prueba los siguientes métodos para descubrir qué te gusta más. Tenga en cuenta que se coloca un par de etiquetas alrededor de toda la lista (como las etiquetas Use el siguiente código para crear listas con viñetas:
O este código para crear listas numeradas:
O este código para crear una llamada lista de definiciones:
10. Haz que tu página sea más atractiva con nuevas líneas, líneas horizontales e imágenes. Ahora es el momento de comenzar a agregar otras cosas a su página. Pruebe las siguientes etiquetas (debe haber publicado la imagen en línea para que pueda vincular a la imagen):Inserta una línea: Insertar imágenes:
![]()
11. Insertar enlaces a otros lugares de la página. También puede usar este código para vincular a otras páginas y sitios web, pero como aún no tiene un sitio web, nos centraremos en "anclas" (anclajes), es decir, lugares específicos en la página a los que puede vincular:Primero crea un ancla con la etiqueta
Usa la etiqueta
Para vincular a un ancla en otra página, agregue el signo # después de la URL, seguido del nombre de su ancla. Por ejemplo http://www.wikihow.com/HTML Learning#Consejos te lleva directamente a la sección "Consejos" en esta página.
Parte 2 de 2: Aprendizaje de HTML avanzado
1. Más información sobre los atributos. Los atributos se colocan dentro de la etiqueta y se utilizan para realizar ajustes adicionales a la "contenido del elemento" entre la etiqueta de inicio y fin. Ellos nunca están solos. Se escriben de la siguiente forma: nombre="valor". nombre representa el nombre del atributo (por ejemplo, "color") y valor describe este caso particular (por ej "rojo").- Si ha mirado de cerca en la parte anterior de este artículo, ya se ha encontrado con los atributos. la etiqueta
2. Experimenta con tablas HTML. Para crear una tabla o gráfico necesitas varias etiquetas:
3. Conozca las otras etiquetas utilizadas en la sección principal. tienes la etiqueta Las etiquetas meta se utilizan para metadatos generar sobre una página web. Estos datos son utilizados por los motores de búsqueda para categorizar las páginas web. Para que su página sea visible para los motores de búsqueda, puede colocar una o más etiquetas meta (las etiquetas finales no son necesarias), cada etiqueta debe contener exactamente un atributo de nombre y un atributo de contenido, por ejemplo:
4. Juega con HTML de páginas existentes. Ver el código fuente de las páginas web es una excelente manera de ampliar su conocimiento de HTML. Haga clic derecho en la página y seleccione "Ver código fuente", "Mostrar la fuente de la página" o algo similar. Intente averiguar qué hace una determinada etiqueta que no conoce o busque en línea la respuesta.
No puede modificar los sitios web de otras personas, pero puede copiar el código HTML en su propio documento y jugar con él para ver qué hacen las diferentes modificaciones. Nota: debido a que muchos sitios web usan hojas de estilo CSS, es posible que no pueda ver muchos colores u otros estilos.
5. Obtenga más información sobre HTML leyendo artículos más detallados. Hay muchos recursos disponibles en Internet para dominar más etiquetas HTML comoW3Escuelas o academia de código. También hay muchos libros sobre HTML disponibles, pero asegúrese de usar una edición reciente ya que el estándar en HTML cambia de vez en cuando. Una vez que haya dominado HTML a un buen nivel, puede recurrir a CSS para tener más control sobre el diseño y el estilo de su página web. Después de eso, el siguiente paso suele ser javascript.Puede ser útil buscar una página web simple en Internet y luego jugar con el código. Intenta mover algún texto, cambiar la fuente, cambiar las imágenes, lo que quieras! Puede usar un cuaderno para escribir el código, de modo que tenga algo a lo que recurrir si no está seguro. También puede imprimir esta página y conservarla como referencia. XML y RSS se utilizan cada vez más en los sitios web en estos días. El código puede parecer inaccesible para el ojo humano, especialmente si lo observa en el código fuente, pero la funcionalidad puede ser útil. Las etiquetas utilizadas dentro de HTML no distinguen entre mayúsculas y minúsculas, pero el valor predeterminado es usar minúsculas (como lo hacemos en este artículo). Se recomienda utilizar minúsculas para las etiquetas, también para la compatibilidad con XHTML.
Consejos
Advertencias
- Algunas etiquetas ya no se utilizan y han sido reemplazadas por otras etiquetas que hacen lo mismo, pero que a menudo ofrecen más opciones.
- Si desea asegurarse de que su página cumpla con el estándar HTML, visite el sitio web de W3 para comparar su código con el estándar actual. Muchas etiquetas ahora están obsoletas y se reemplazan por etiquetas que funcionan mejor en los navegadores modernos.
Artículos de primera necesidad
- Un programa de procesamiento de textos, como el Bloc de notas (Windows) o TextEdit (Mac).
- una hoja de papel o cuaderno (Opcional)
- Un programa diseñado específicamente para escribir HTML, como Notepad++ para Windows o TextWrangler para Mac (Opcional)
Artículos sobre el tema. "Aprende html"
Оцените, пожалуйста статью
Popular
