Contactos

Programación HTML para maniquíes. Conceptos básicos de HTML para principiantes. Que es css

Esta sección del sitio está totalmente dedicada a los dos idiomas de crear un sitio, a saber, HTML y CSS. Aquí puede aprender gradualmente los idiomas, averigüe todo, desde lo básico hasta los momentos más difíciles.

Esta sección se basa en el principio del estudio paso a paso del material, por lo que antes de cada nombre de la lección en HTML y CSS, hay un dígito correspondiente al número de lección de secuencia. Es natural en el caso, si quieres aprender todo, desde lo básico y no hacerte una papilla en mi cabeza. Si ya sabe algo sobre los idiomas HTML y CSS, también puede encontrar el conocimiento que le extrañe, o, profundizar ya aprendido.

Esta sección contiene lecciones en idiomas HTML5 y CSS3, respectivamente, si hay versiones más nuevas de estos idiomas, también se reflejarán en las nuevas lecciones de esta sección, y definitivamente aprenderá.



Probablemente, todas las personas que al menos una vez en su vida se encontraron con la creación de un sitio, por supuesto, escuché acerca de un paquete como HTML y CSS, puedo declarar con confianza que si quieres hacer sitios usted mismo, entonces no lo harás. Hazlo sin conocer estas dos de las cosas.

Después de recibir conceptos generales sobre lo que HTML está en su cabeza, desarrolló claramente una imagen ambigua, y creo que no es sorprendente. Es hora de moverse directamente a la práctica y crear su primer documento HTML.

Como en el idioma HTML, tanto en CSS tienen sus propias características, reglas y estructura. En esta lección, le informaré sobre los conceptos básicos del idioma CSS, sobre su estructura, dispositivo y haremos la primera tabla CSS con usted y aprenderemos cómo conectar la hoja de estilo al documento HTML.

Los selectores en CSS son la base del idioma en sí y su estudio y su comprensión son muy importantes, por lo que en esta lección le informaré más sobre varios tipos de selectores y describiré sus capacidades.

Un punto muy importante en la creación de un sitio es trabajo con el texto, y como entiende, con el texto en HTML, también debe poder trabajar y saber qué son las etiquetas y cómo se pueden usar.

Una vez que aprendió todas las etiquetas HTML para trabajar con el texto, es hora de ir directamente a CSS trabajando con texto que ya ampliarán significativamente sus conocimientos y oportunidades.

En CSS, una gran cantidad de todo tipo de propiedades de apariencia convenientes y de manera eficiente y seguimos estudiando el trabajo de CSS con el texto y en esta lección, profundizaremos en el tema del trabajo con el texto y consideraremos nuevas propiedades del texto.

Trabajar con imágenes al crear desde el sitio, uno de los puntos clave, como la creación de un diseño, también con un diseño simple o la escritura de cualquier material para su sitio.

CSS se expande significativamente a trabajar con cualquier objeto HTML, en esta lección, me gustaría informarle en detalle los parámetros que se pueden aplicar a las imágenes.

Del autor: Hola a todos. Todos queremos mejorar en el edificio del sitio para participar en proyectos interesantes e implementar sus ideas. Pero, ¿y si eres muy novicio? Nuestro tutorial HTML para teteras con lecciones prácticas lo ayudará a finalmente hacer un gran avance en el edificio del sitio con un nivel cero al menos antes de la comprensión básica.

En el estudio de los edificios del sitio, como práctico en cualquier otra, la práctica es importante. Puedes releer las tablas de cocción 1000 veces, pero no lo soltó de esto. Puede aprender los principios básicos de la gestión de automóviles, pero hasta que llegue detrás de la rueda, todo esto está a la altura de la bombilla. Algunos beneficios del conocimiento de la teoría es, sin duda, pero no tan grandes, como de las habilidades reales.

Entonces, si estamos hablando del estudio de HTML, también lo es, la teoría, pero hay práctica. La teoría en este caso es solo algún tipo de ciclo de artículos, lecciones sobre el tema del lenguaje, las etiquetas principales y sus aplicaciones, etc.

La práctica también comienza para usted cuando cree un archivo HTML, escriba el código de inicio allí y comience a aprender mi propia, cómo funciona todo. Etiqueta publicada, miró cómo funciona. Insertó la imagen - verificada. Se agregaron algunos atributos, etc. Es la práctica lo que hace posible entender rápidamente y recordar las etiquetas principales. Luego, simplemente los escribe en la máquina y no necesita recordar media hora, cómo crear una lista.

Bueno, para etiquetas raras, siempre debe usar el diccionario. Nadie, ningún desarrollador de Super Brandler y Web, creo, no conoce todas las etiquetas de corazón. Simplemente no es necesario. Si la etiqueta es utilizada por usted 1 vez en 10 años, entonces, ¿por qué mantenerlo en mi cabeza? Creo que es comprensible.

Pero esta práctica me llamará una especie de juego en la caja de arena. Simplemente escribes etiquetas diferentes, tratando de averiguar todo lo más detallado posible, pero todo para qué? Debe haber algún tipo de propósito. Por lo general, se estudian HTML y CSS para luego crear sus propias páginas web y sitios de pleno derecho.

Entonces, la mejor práctica es tomar un diseño de sitio ya hecho y perseguirlo. El diseño se acaba de llamar el proceso de creación de páginas web de un patrón de múltiples capas utilizando lenguajes HTML y CSS. Mientras que el diseño puede usar marcos, javascript y bibliotecas aplicadas, pero este es el tema para otra conversación. Todo esto es un suplemento. HTML es la tecnología básica que debe entenderse muy bien.

Pero me estoy volviendo feliz, es básica, ella es la más sencilla. Examine cómo funcionan esas u otras etiquetas y cómo aplicarlas, es muy fácil. En HTML, no hay algoritmos complejos, funciones, métodos, clases, ya que sucede en lenguajes de programación. Este es un lenguaje de marcado, bastante un poco seriamente desalentándolo, y todo será extremadamente claro.

¿Cómo aprender el idioma correctamente y dónde tomar práctica?

Una vez más, estoy hablando de fácil aprendizaje solo si va correctamente. Es decir, ver tutoriales de video inteligentes, donde se explican de manera estal, las cosas necesarias se explican de lo simple a complejo. Si observa las lecciones que no están construidas en un formato de este tipo, lo más probable, la mayor parte del material simplemente no entiende.

Afortunadamente, tenemos en nuestro sitio, todas las lecciones están estructuradas y dispuestas de simples a complejos. Por lo tanto, si exploras HTML de acuerdo con nuestras lecciones, no habrá problemas con la asimilación del material.

¡Te puedo asegurar que CSS aprenda más interesante! Y en algún plan es aún más fácil. Primero, CSS también tiene suficientes propiedades y reglas que debe recordar. En segundo lugar, en este idioma hay una sintaxis muy simple, por lo que no hay problemas con el código de escritura incluso en el principiante. En tercer lugar, dado que CSS es responsable de la aparición de la página, al principio causará deleites lo que obligó a la página a pintar rojo, y el marco hizo el marco.

En general, el aprendizaje de CSS es simple e interesante, por lo que recomiendo no aprender y comenzar inmediatamente después de que termine con los cimientos de HTML.

Tu práctica final

Finalmente, tendrás un examen. Pero no te preocupes, será simple. Además, no tendrá que hacerlo usted mismo, sino solo de acuerdo con las instrucciones que están en las lecciones. Este examen es el curso. En él, finalmente logrará el objetivo intermedio principal: perseguiremos su primer sitio y comprenderemos cómo aplicar HTML y CSS en los edificios del sitio real. Deje que sea un sitio simple, pero el conocimiento adquirido ya es suficiente para crecer más y hacer diseños más complejos.

Es bastante estable, por lo que no es sorprendente que el número de personas que deseen dominar esta embarcación está creciendo. Además, como para mí, es uno de los "caminos de él" más simples. Aunque es importante entender que para un buen retorno, debe convertirse en un profesional de la disponibilidad de conocimiento, es necesario sistematizar y modernizar constantemente sus habilidades, siempre estar "en la ola" y usar solo métodos modernos actuales. .

Como en cualquier otra profesión, comienza la capacitación de los sitios desde cero, con conceptos básicos y teorías. Hablan de ellos hoy y hablan. En particular, consideraré un servicio súper útil, Internet es difícil, lo que se aconseja al 100% a todos los recién llegados.

No sé si hay direcciones similares en las universidades modernas, pero creo que la prerrogativa en esta área utiliza cursos especializados en línea o un estudio independiente del diseño. El primer método ofrece un enfoque más completo y serio, pero el segundo es completamente gratuito. Dado el desarrollo de blogs temáticos y canales de video, no hay problemas con la búsqueda de información.

Personalmente, comencé mi libro HTML / CSS de simple (y todavía papel), luego hubo años de capacitación y, finalmente, decidí consolidar / sistematizar el conocimiento con algunos cursos. En realidad, tienes de cualquier cosa, aunque no todas las opciones al final resultan estar de pie. Tomé un diseño de entrenamiento en línea en la Netología de la Compañía. Ahora hay un conjunto en el siguiente grupo.

La ventaja de los cursos es que pueden proporcionar un aprendizaje de conocimiento en fase y eficaz a través de:

  • conferencias informativas compiladas por expertos y profesionales principales;
  • ejemplos comprensibles y bien ilustrados;
  • tareas prácticas para arreglar el material.

En particular, en Netology, todo pasa en el formato de los seminarios web con la capacidad de hacer preguntas. Hay tareas, tesis y certificado sobre cómo completar el aprendizaje. En resumen, todo es serio. Los chips adicionales similares hacen que los cursos en línea sean más "rentables", y los costos son simplemente una inversión.

Si duda, busque materiales gratuitos en ciertos sitios, como regla general, se pueden obtener un par de clases o artículos de capacitación igual de esa. Bueno, por supuesto, hay docenas de otros recursos web educativos, para acceder a los que no necesita pagar.

Internet es difícil de colocar el servicio de estudio

Finalmente, nos dirigimos al proyecto Internet es difícil, ¡la cosa es realmente genial! Este es un curso completo completo para dominar a los principiantes HTML y CSS que nunca han tratado de entender en detalle con las páginas web y su desarrollo. Si no sabe dónde comenzar a aprender el diseño, el 100% viene aquí.

Todo lo que necesita para el inicio - motivación y conocimiento del idioma inglés. Con los problemas organizativos no habrá problemas, los desarrolladores hicieron algo como un "currículo", que incluye:

  • 14 capítulos con una profundización gradual del material;
  • 284 de ejemplos de código comprensibles;
  • gráficos y gráficos;
  • casi 43 mil palabras;
  • técnicas modernas (sí, FlexBox también existe).

Características y fichas

El proceso de entrenamiento de diseño HTML en Internet es difícil, tiene varias ventajas en comparación con otros proyectos similares:

1. Hermosas gráficos ilustran los aspectos pesados \u200b\u200bdel artículo, haciendo complejo para comprender la estructura visual y simple. En lugar de contraer muchos conceptos desconocidos en mi cabeza, es suficiente para visualizarlos de la manera más elemental, ya que los autores del curso lo hacen.

2. En el proceso de aprendizaje, todas las técnicas versales modernas están involucradas: tipografía web, HTML semántico, creación de diseño e ilustraciones sensibles, así como FlexBox. Ayudarán al recién llegado a convertirse en un especialista popular, y un profesional para refrescar su conocimiento;

3. Los ejemplos visuales demuestran los conceptos básicos del material suministrado utilizando scripts específicos. Esto significa que el usuario no tiene que leer el texto "web" sin fin. Este enfoque invariablemente conduce al aburrimiento, que finalmente fomenta dejar el aprendizaje.

Cada 2-3 párrafos se acompañan al escribir el código y la presentación de cómo funciona. Entonces, el futuro especialista recibe su primera práctica en los editores de texto y verificando los resultados en el navegador;

4. Esta versión de entrenamiento para sitios es completamente gratuita. Comenzando el dominio de HTML, muchos aún fluctúan, es realmente lo que quieren hacer. Y si los cursos de pago pueden verse obligados a lamentar el dinero perdido, entonces Internet es difícil dará un máximo de conocimiento sin solicitar un dólar a cambio.

Secciones para el diseño gradual de aprendizaje.

Como dije anteriormente, el "currículum" consta de 14 bloques temáticos. Vamos a considerar brevemente:

  1. Introducción.. La parte introductoria en la que se describe, para la cual necesita HTML, CSS y. También explica las diferencias entre los marcos y los idiomas, así como el principio de trabajar con el editor de texto Atom.
  2. Páginas web básicas.. El segundo capítulo ilustra la estructura de la página web elemental. Aquí se demuestra la estructura HTML, el esqueleto del sitio. El visitante sabrá por qué necesita etiquetas, lo que suceden y para las cuales se pretende que cada uno de ellos.
  3. Enlaces e imágenes. Conocer el diseño del diseño, en la tercera sección, el usuario se familiarizará con la colocación de imágenes y conectando las páginas web entre sí.
  4. Hola, CSS.. A continuación comienza, las llamadas mesas de estilo. Este concepto incluye todo lo que preocupa el diseño: fuente, color, ubicación, forma y tamaño del texto.
  5. El modelo de caja.. El quinto jefe del currículo continúa el tema del diseño, hablando sobre el modelo de contenido "bloque". Los futuros versos se familiarizan con las cosas como sangrías externas, marcos, campos internos y llenado de contenido.
  6. Selectores CSS.. Detrás de las cajas, son seguidas por los selectores, la base de CSS. Con la ayuda de ejemplos de código en el editor, los creadores del curso se les enseña el uso correcto de los estilos.
  7. Flotando. La séptima parte amplía el conocimiento obtenido en el tamaño de los bloques y regiones que las rodean. Está dedicado al concepto de flujo en una página web (flotar) y describe los matices del sitio.
  8. FlexBox.. Al llegar al plan de estudios Ecuador, usted está invitado a familiarizarse con el FlexBox. Esta es una herramienta de diseño moderna que proporciona un control completo sobre la ecualización, la dirección, el orden y el tamaño de los bloques. Recientemente, por cierto, me conté, incluso más empinada.
  9. Posicionamiento avanzado.. A continuación, comienza el material más complejo: posicionamiento avanzado y sus tipos principales: relativo, absoluto y fijo. Aunque, recuerdo, pasamos este chip en los cursos junto con flotador y claramente antes de FlexBox.
  10. Diseño de respuesta.. En la décima sección, se dicen los fundamentos y el papel del diseño adaptativo en el sitio. Ahora sin él en ninguna parte.
  11. Imágenes responsivas. La lección se dedica a imágenes adaptativas, escalando, dirigiendo y creando formatos alternativos utilizando funciones especiales.
  12. HTML semántico. El Capítulo Duodécimo vuelve nuevamente a los conceptos básicos de HTML, lo que lo revela desde un punto de vista semántico. Aquí el lector cumple con los elementos "seccionales", las nuevas etiquetas y su uso.
  13. Formas.. En el párrafo penúltimo, el visitante tiene la oportunidad de explorar la construcción de formas y sus elementos: listas desplegables, menús, campos de texto, su diseño y envío de información, por ejemplo, a través de.
  14. Tipografía web.. Este último tutorial habla de la moderna tipografía web en los sitios, sobre la apariencia de textos, encabezados, fuentes, etc. En otro blog, hay una sección sobre una tipografía web donde encontrará muchas notas útiles sobre el tema.

Estructura de las lecciones para el diseño de aprendizaje.

Para apreciar la funcionalidad y la conveniencia de Internet es un servicio difícil, ofrecemos considerar la implementación de una de sus subsecciones. Tome la segunda lección para crear páginas web elementales.

¿Qué me gusta personalmente?

  • Todo el material está ordenado por subtítulos. El texto al mismo tiempo se describe por un idioma asequible y no requiere un profundo conocimiento de la terminología compleja. Todo es breve y esencialmente en las mejores tradiciones.
  • Los momentos importantes y complejos son perfectamente ilustrados por los diagramas.
  • Para la simplicidad de la comprensión y las habilidades prácticas, se dan ejemplos de código de escritura.
  • Lo más posible: En la esquina superior derecha hay un botón de retorno en el menú, es posible una transición instantánea al subtítulo deseado de la lección (navegando a la derecha) y después de una conferencia, la apertura del siguiente capítulo está disponible. Excelente usabilidad.

conclusiones

Como puedo, por Internet es difícil, en este momento, uno de los mejores sitios para el diseño de aprendizaje desde cero. Los autores del curso se encargaron de los recién llegados que nunca han tratado con HTML y CSS podrían usarse en un formulario simple y accesible para comprender los conceptos básicos de la creación de páginas web. La información está muy bien estructurada, gradualmente para 14 secciones, superará el camino del usuario novato a un vestigio experimentado. Por supuesto, sin prácticas y el uso del conocimiento, es imposible de ninguna manera, pero en cuanto a la base teórica es la recopilación más completa de información que conocí. Si desea estudiar con los maestros, vea que la opción de Netology también es muy buena, aunque pagada.

Si conoce algún otro sitio interesante para los sitios de aprendizaje, envíe enlaces en los comentarios.

¡¡¡Hola a todos!!! Me alegra mucho haber decidido conquistar los vértices de los fundamentos de HTML y esta es la opción correcta. Después de todo, antes de crear el primer sitio, debe conocer los fundamentos de HTML. Además, no tendrá que lidiar con la codificación HTML en el sitio web. Recomiendo encarecidamente familiar con las lecciones. HTML para principiantes En mi blog, y le garantizo que después de pasar este curso, puede crear fácilmente una página web o incluso un sitio web.

¡Caister! Para empezar, averigua
Html - (de los ingleses. Lenguaje de marcado de hipertextoEste es un lenguaje de marcado de hipertexto. Por primera vez, fue desarrollado por el científico británico Tim Berners-Lee en 1991-1992. HTML fue destinado solo para marcos de texto, imágenes y tablas en páginas web. Ahora, en HTML, el documento puede insertar adicionalmente y programar lenguajes como JavaScript, VBScript.

HTML no es un lenguaje de programación, está destinado solo para colocar documentos de texto.

Para explorar HTML Puede tener un navegador y un bloc de notas estándar en su computadora o.
Para abrir un bloc de notas estándar, haga tales acciones en su computadora: "Inicio" \u003d\u003e "Programas" \u003d\u003e "Estándar" \u003d\u003e "Bloc de notas" .

Si ha oído hablar de programas que simplifican el trabajo en la escritura del código HTML (Microsoft FrontPage, Adobe Dreamweaver), no le aconsejo que los use en esta etapa de capacitación. Clase con su mano en un cuaderno estándar o en el editor de texto de Bloc de notas ++, y cuando este curso está pasando, puede usar programas para acelerar. Suscríbase a la actualización de mi blog y lea cómo usar Microsoft FrontPage, Adobe Dreamweaver.

Para una mejor comprensión, preparé un ejemplo. Considere atraer cuidadosamente:

Aclaración.

uno). Cualquier documento HTML comienza con tal cadena:


"https://www.w3.org/tr/html4/loose.dtd"\u003e

Esta línea hablamos el navegador que nuestro documento HTML cumple con la versión 4.01 de la Especificación Internacional. Gracias a esta línea, tu página se verá igual.
Para recordar que esta línea no es necesaria, el documento HTML funcionará sin él. Esto es para hacerte saber lo que es.

2). y - Este es el principio y el final del documento.

3). y - Cabeza de documento. Las etiquetas de servicio adicionales a menudo se insertan aquí, una de estas etiquetas es . Aprenderá sobre el resto de las etiquetas de servicio en otras lecciones, en esta etapa de capacitación, esta información es suficiente.

4). y - Encabezado de documentos.
Este título se mostrará en el navegador:

en la búsqueda soy Ndek o Google.

5). y

- Cuerpo de documentos.
Aquí está el contenido del documento, por ejemplo, texto, imágenes, tablas, música, películas, etc. Detalles sobre cómo insertar música, texto, imágenes en el organismo de documentos, aprenderá en las siguientes lecciones.

Nota:

A menudo tiene que leer y escuchar la palabra "etiqueta".
La etiqueta es todo lo que se encuentra entre paréntesis.< > . Por ejemplo: , , <html> , <head> , <br> , <p> </i> Y otros, todas estas etiquetas. <br> Las etiquetas no están visibles al ver la página en el navegador, pero todo lo que no está entre paréntesis se muestra en el navegador al ver.</p> <p>Hay muchas etiquetas y son diferentes para su propósito previsto.</p> <p>Hay etiquetas que necesitan cerrar. Por ejemplo, <br> Etiqueta abierta <i><p> </i> <br> y asegúrate de cerrar la etiqueta <i></p> </i> </p> <p>Y hay etiquetas individuales, por ejemplo, esto <i><br> </i> .</p> <p>La etiqueta es un tipo de contenedor dentro de la cual el texto, las imágenes y otras etiquetas pueden contener ...</p> <p>○ Preste atención a la secuencia correcta de las etiquetas de apertura y cierre:</p> <p><тэг1> <тэг2> <тэг3> ... </тэг3> </тэг2> </тэг1> <i> </i></p> <p>La etiqueta que abrimos primero, cierre el último, el segundo, el penúltimo, etc.</p> <p>○ Pero un ejemplo de una secuencia incorrecta de las etiquetas de apertura y cierre. Con una sesión de este tipo, puede haber errores en una página web:</p> <p><тэг1> <тэг2> <тэг3> ... </тэг3> </тэг1> </тэг2> </p> <p>El error fue B.<тэг1> y<тэг2> .<br> Tenga cuidado al escribir código.</p> <p><img src='https://i0.wp.com/bloggood.ru/wp-content/uploads/2013/05/osnovi-html-100.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p><b>Código Listo.</b><br> Esto es como se ve el código de la página web estándar HTML obligatorio de HTML predeterminado.</p><p> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Título de la página Página de texto, tablas, imágenes, música y video.

No se desanime si no ha entendido poco de todo arriba o casi nada. En la segunda lección habrá más práctica, y usted puede registrarlo manualmente y ver cómo funciona HTML.

Ir a la siguiente lección

Este ciclo quiero abrir una serie de lecciones dedicadas a Html. Acepté esa decisión, porque me gustaría intentar hacer que los sitios de usuario desde cero. Tal pensamiento ya estaba en mi cabeza ya satisfecho durante mucho tiempo. Solo obtuve la pregunta, dónde comenzar, con HTML o procederá directamente a instalar el motor y su configuración adicional.

Pero si comienza con el estudio del motor, algunos de los usuarios que no conocen HTML serán privados. Por lo tanto, decidí comenzar con lo básico y hacerlo para que incluso cualquier recién llegado pudiera averiguar qué cómo.

Entonces, ¿qué es HTML?

La abreviatura en sí está descifrada como NORTE.impulso T.extinguirse METRO.arkp. L.apguage ( idioma de Hypertext Markup).

Y si simplemente te expresas, entonces Html - Este es un lenguaje de marcado especial, que explica el navegador, cómo mostrar uno u otro página web. Eso es lo que la fuente muestra el texto, en el que los elementos del componente de la orden, qué elementos están sujetos a subrayados, etc. y dependiendo de qué elemento nacerá, de acuerdo con las reglas establecidas en el propio navegador, este elemento se mostrará. Sin embargo, estas reglas se pueden cambiar, pero ya hablaré de ello en mis siguientes lecciones que se dedicarán a CSS..

Sugiero comenzar a considerar el ejemplo de los más. página web simpleque puede ser Ahora no tienes que afilar tu atención sobre lo que denotan ciertos etiquetas. Todo es su tiempo, primero solo presta atención a dónde está en el código y cómo se refiere a lo que se muestra en el navegador. Considere un ejemplo de un documento HTML:

Pagina del titulo

Un día de mi vida

Preparación para el concierto.

Hoy me desperté temprano, porque tuve un día difícil. Después de todo, hoy tengo que actuar en el concierto frente a los cientos de espectadores. Y para asegurarse de que todo va bien, tengo que repetir el programa de ensayo.

Repetición

Todo fue sin perra y Zadorinka. De nuestro equipo, nadie fue eliminado del ritmo, y como resultó que todo estaba preocupado en vano.

Concierto

Todos se desempeñaron perfectamente, aunque me pareció un momento cuando nuestro baterista fue disparado desde el ritmo. Pero nos giramos inteligentemente de la situación.



Para empezar, deberá marcar este texto en algún editor de texto (lo más conveniente, creo que es Bloc de notas ++.) y guarde el archivo en el índice Nombre .HTML en algún lugar del disco. Al hacer doble clic en el archivo guardado, tendrá una página de esta especie.

Tenga en cuenta que las etiquetas en sí no se muestran, pero se muestra el contenido en sí, que se encuentra entre ellos. Y desde aquí puede concluir que las etiquetas están en HTML como un elemento de formulación.

Mira el código fuente. Como ya podría notar, en él antes de la palabra "uno", hay un pequeño sangrado. Sin embargo, el navegador no lo ganó, simplemente lo tragó en silencio, como si nunca hubiera estado. Además, si intenta poner muchos espacios entre las palabras, todos serán percibidos por el navegador como un espacio: HTML tiene una característica de este tipo.

Y aquí hay otro consejo, - Cuando escribes HTML -KOD, enséñate a hacer sangrías en esas etiquetas que se invierten en otros. Por ejemplo, el título de Tiege y el cuerpo se invierten en la etiqueta HTML. Entonces, cuando escribes estas etiquetas, no olvides hacer sangrías apropiadas. Por lo general, están hechos con la ayuda de dos espacios, o la tabulación, es el caso del gusto. ¿Por qué lo necesitas? Ahora, en la pequeña pieza del documento, que trajo como un ejemplo anterior, la información es un poco, por lo tanto, es bastante problemático que se confunda allí. Sin embargo, si habrá muchos elementos anidados en la página, no será más sencillo, cómo desviarse en este gran código y con dificultad para averiguar, en qué parte del documento está ahora. Por lo tanto, es mejor enseñarse a un buen estilo de inmediato, entonces se dará cuenta de que usted mismo y le jugará en el futuro.

También vale la pena indicar las etiquetas mínimas más necesarias que deben estar en el documento HTML. Estoy hablando de esta parte:



Pero incluso si esta parte no es, entonces la mayoría de los navegadores mirarán todo esto a través de los dedos y aún se muestra su página. Sin embargo, un estilo tan frívolo de código de escritura, en el que una persona pierde una gran cantidad de etiquetas, es un mal tono de escritura, por lo que es deseable que todos estos elementos estén en su página en cualquier caso. De lo contrario, puede amenazar el problema de la compatibilidad con otros navegadores, lo que, como resultado, puede afectar la apariencia de su sitio y, como resultado, la asistencia.

Además, puede escribir comentarios en HTML-Document, es una información puramente de servicio que se destina exclusivamente para usted. Por lo general, estas son algunas marcas importantes que le sirven para usted con un recordatorio o simplemente vale la pena pagar su atención. Los comentarios no son procesados \u200b\u200bpor un navegador y, lo que significa que el usuario no los ve. Por lo general, se escriben así:

Ahora intentemos desmontarte, qué etiqueta de nuestro ejemplo por encima de lo que es responsable.

Etiqueta html.significa que comienza la salida del código HTML.

cabeza.- Sección de información de servicio. Entre otras cosas aquí es títuloque es responsable del texto en el encabezado de la ventana del navegador. Esta sección puede denominarse la información que queremos decirle al navegador sobre esta página.

cuerpo.- Comienza la parte principal del documento.

h1.- Título.

h 2. - Subtítulo.

pag.- Párrafo.

¡Eso es todo! ¡Si fuera tu primer documento HTML, entonces te felicito! Sí, no parece tan genial, como nos gustaría. Sin embargo, tenemos el material sobre el cual podemos trabajar. Y en las siguientes lecciones, todo será aún más interesante, y lentamente tocaremos trabajando con hojas de estilo en cascada (CSS).

  • < Назад

Para comentar, necesitas registrarte.



¿Te gustó el artículo? Compártelo