Muchos lenguajes inventados, pero HTMLpertenece al número de especiales y más buscados. Muchos otros esfuerzos de programación clave están asociados con él. Mucho queda disponible cuando la mente del desarrollador está familiarizada con el lenguaje de marcado HyperText Markup Language (HTML).
En esencia, no hay nada complicado sobre HTML, y a través deEn unos minutos, cualquiera que esté más alejado de la programación e Internet creará una página HTML en el bloc de notas. Un ejemplo digno de atención, simplicidad, de hecho, accesible para todos.
Un archivo HTML es una página en un sitio, aunque puede argumentarlo, pero el hecho de que un solo archivo sea una página es comprensible para empezar.
El archivo HTML comienza con el encabezado DOCTYPE, enque indica que el tipo de archivo es HTML. Todos los elementos de la página (etiquetas) se indican entre paréntesis angulares. Cada par ("<" y ">") incluye una etiqueta HTML. Por lo general, las etiquetas HTML están emparejadas, es decir, para cada "etiqueta" hay una "/ etiqueta". Ambos están encerrados entre corchetes angulares. Hay etiquetas individuales, de las cuales la "br /" más popular es la transición a la siguiente línea.
La etiqueta más grande en el archivo es el propio HTML, enque incluye solo dos etiquetas: HEAD y BODY. En el primero, se hacen varias descripciones, se indican los enlaces a otros archivos necesarios para la página, los scripts PHP y JavaScript pueden estar presentes. El segundo registra el contenido de la página. También en forma de etiquetas y scripts.
Un ejemplo de cómo crear una página de este tipo se da a continuación en el artículo. Considéralo con cuidado.
El propósito principal de la etiqueta HEAD es una descripción general de la página y los scripts comunes, aunque este último es un concepto bastante relativo. Por lo general, solo dos cosas tienen un significado significativo aquí:
Para mostrar el contenido de la página, el contenido de esta sección es solo de importancia indirecta, ya que indica: en algún lugar de otros archivos hay reglas CSS para etiquetas y scripts en otros idiomas.
La página HTML tiene un título (TITLE), queSe muestra cuando el visitante lleva el mouse a la pestaña donde está abierta la página. Este es un punto importante, ya que hace que la página sea significativamente más presentable, más fácil de decir, firmada con texto legible.
Las etiquetas META son importantes en la programación de Internet en general, pero cuando necesita crear una página HTML en un cuaderno, no es deseable saturar el ejemplo con construcciones innecesarias.
Los enlaces LINK y SCRIPT deben estar resaltados.atención El primero indica la ubicación de la hoja de estilo CSS, el segundo indica la ubicación del archivo de código JavaScript. Puede haber muchos de esos enlaces.
Si los guiones deben ser abordados cuando el conocimientoComo el HTML se fortalece, las hojas de estilo en cascada se deben abordar de inmediato. Los archivos CSS proporcionan, en particular, reglas de etiquetado HTML.
En realidad, una página HTML de ejemplo es lo que esCUERPO sección. Es aquí que contiene toda la información, todo el contenido de la página del sitio. Toda la información se presenta en forma de etiquetas y scripts, por ejemplo, insertando código JavaScript o partes de programas PHP.
Es importante comprender que un ejemplo de página web HTML ennavegador y el mismo ejemplo en un editor de texto, en particular el bloc de notas, está lejos de ser lo mismo. En el primer caso, tenemos texto HTML listo para usar en el que se ejecutan todos los scripts. Por ejemplo, PHP resolvió su parte y formó las etiquetas necesarias en lugar de su código en los lugares correctos. JavaScript también cumplió su misión, aunque todavía hay una discusión separada al respecto.
HTML es etiquetas, no scripts. Finalmente, el navegador muestra solo el contenido de la página, solo sus etiquetas. No hay código PHP allí.
JavaScript está en una posición especial, su preocupación es servir la página no solo en el momento de la carga (recarga), sino también en los momentos en que la página está en el navegador del visitante, y la está estudiando.
A continuación se muestra un ejemplo simple de código de página HTML (solo la sección CUERPO).
Y en el navegador del visitante, se ve así.
El código no indicó cómo debería verseelementos que muestra el navegador. Todo el diseño visible está en reglas CSS. En este caso, el archivo Mcss / scPhpWordRW.css al que se hace referencia (consulte el primer ejemplo de página HTML).
A diferencia de HTML, el tema CSS es más simple, hayreglas muy accesibles y su número es pequeño cuando el ejemplo de crear una página HTML no requiere más que un bloc de notas. Todo es muy accesible para el desarrollo instantáneo:
Esto muestra cómo se describe simplemente la etiqueta.scLogo_vDoc, y esta descripción es tal que en el estado normal la etiqueta muestra la imagen vDoc-logo.png, y cuando el mouse está encima, se muestra vDoc-logo-h.png.
El lenguaje no implica ninguna estructura yEl concepto de sintaxis es muy relativo. No hay variables, pero hay toneladas de posibilidades. La base fundamental del hipertexto es que hay un elemento (etiqueta) que debe tener un nombre.
El nombre, en el caso de una etiqueta emparejada, se compone del nombre en sí (tagName) y corchetes angulares ("<" + tagName + ">"), si se trata del comienzo de la etiqueta, y "", si está escrito su final
Un ejemplo de página HTML con descripciones de atributos se encuentra a continuación en el texto.
Una etiqueta puede tener atributos, luego se colocanun espacio después del nombre de la etiqueta al corchete angular de cierre ">". Los atributos, si la etiqueta los tiene, se registran solo al principio. El contenido de la etiqueta se considera entre el comienzo de la etiqueta y su final.
HTML le permite describir bloques y minúsculaselementos Los primeros ocupan un área determinada en la ventana del navegador, se pueden colocar absolutamente, es decir, en el lugar correcto en el área de visualización de la página HTML, y tienen un tamaño específico.
Los elementos en línea generalmente se muestranen una sola secuencia, es decir, como se indica en el archivo de la página, también se muestran en la pantalla. La visualización del flujo general puede verse influenciada cuando se carga la página. La ubicación, la visibilidad y otras propiedades de los elementos de bloque pueden verse influenciadas en cualquier momento mediante el código JavaScript.
Además de elementos simples, HTML ofrece describir tablas y formularios. Estos elementos son muy solicitados en la "construcción de sitios cotidianos".
Con la etiqueta TABLE, puede crear una tabla,indique un cierto número de filas TR y en cada fila un cierto número de celdas TD. A diferencia de la organización de la tabla habitual, debido a las peculiaridades del marcado HTML, la organización de la tabla se limita a esta declaración, porque si el desarrollador desea tener una tabla rectangular en la que el número de columnas en todas las filas sea el mismo, debe seguirla de forma independiente.
Posición de principios HTML:hacer todo lo que se indica, pero nada de lo que no se entiende. En algunos casos, el número de columnas en cada fila de la tabla no es tan importante, pero si necesita fusionar las celdas vertical u horizontalmente, tendrá que calcular todo con mucho cuidado.
En el artículo se muestra claramente una página HTML de ejemplo con una descripción de una tabla simple.
Aquí se muestra una tabla de tres filas por trescolumnas, y en la primera fila, en lugar de la etiqueta TD, se utilizó la etiqueta TH, el encabezado de la columna. Estas dos etiquetas no tienen mucha diferencia, pero puede usar la primera para distinguir la primera fila de la tabla, y en CSS puede adjuntar su propio estilo a TH, que se compara favorablemente con otros TD.
Los formularios son la parte más solicitada de las etiquetas HTML. Usando formularios, puede transferir información. En realidad, la página en sí es la salida de información, pero el formulario es su entrada.
Un ejemplo de página HTML que describe una forma simple:
Hay muchas más opciones para usar formularios, peroLas características principales son las siguientes. Puede especificar campos de entrada, debe designarlos y procesadores para analizar la entrada del usuario. Puede especificar campos ocultos y transferir información de fondo desde la página. Puede especificar los botones para transmitir información, haciendo clic en el que inicia el proceso de transmisión de información.
Conocer el idioma del hipertexto es un requisito previotrabaje en cualquier especialización en el campo de la programación de Internet, pero si necesita escribir programas en PHP o JavaScript, entonces necesita saber HTML + CSS perfectamente.
El lenguaje PHP se identificó en el ejemplo anterior.PHP se ejecuta en el servidor, por lo que una página con este formulario ha volado desde el servidor a un navegador con campos rellenos. En particular, la función TestOnBlur mencionada en la etiqueta INPUT (controlador de eventos onblur) recibió todos los parámetros como campos de texto.
JavaScript se está ejecutando en el navegador y parael botón para enviar datos al servidor funcionó correctamente, es decir, la construcción: onclick = jQuery ("# to"). val ("cart"), debe tener una idea no solo sobre qué es jQuery, sino también qué #to, val es carro Más específicamente, necesita conocer las etiquetas HTML básicas y las reglas generales para aplicarles estilos CSS.
Esto es suficiente para elevar rápidamente sus calificaciones en cualquier especialización en el campo de la programación de Internet.
