El estudio de HTML

Fecha:

2018-10-04 22:10:22

Vistas:

227

Clasificación:

1Como 0Aversión

Compartir:

En este artículo, usted aprenderá cómo usar HTML para escribir su primer sitio web! En el artículo se proporcionan ejemplos para una mejor comprensión. Inmediatamente aquí, que el artículo originalmente diseñada para los que apenas están empezando a aprender HTML. Además, la promesa de que al terminar de leer su artículo, usted está garantizado para crear tu primer sitio web.

El HTML, acrónimo de HyperText Markup Language, es decir, el lenguaje para organizar el texto.

A diferencia de las lenguas (JavaScript, PHP, etc.), que utilizan secuencias de comandos para realizar acciones en los sitios web, el idioma de la ordenación (HTML) utiliza las etiquetas para el etiquetado de contenido para sitios web.

Comenzar a aprender HTML desde cero

Como el inglés consiste en las letras A, B, C, etc., y HTML-el lenguaje consiste en una especie de "letras": <p> <hr/> <h1> y así sucesivamente, Como una especie de "letras" del lenguaje HTML entre los webmasters se denominan etiquetas.

A Continuación se muestra un ejemplo de una etiqueta HTML.

 

Las etiquetas HTML en pareja con estilos de lenguaje CSS con rapidez y permiten hacer sitios de internet.

Ubicación de HTML entre otros idiomas

Como se sabe, un buen sitio web se construye como mínimo en 5 idiomas.

Un Moderno sitio de internet se basa en los idiomas:

  1. HTML (estructura y organización).
  2. CSS (estilo de relleno).
  3. JavaScript (acciones en el navegador).
  4. PHP (en el servidor).
  5. SQL (almacenamiento de datos).

HTML-el lenguaje es el principal fundamentales de la lengua, en el que se basan otros. Por lo tanto, el estudio de HTML debe ser el primer paso para cada persona que está buscando la forma de crear sitios web en línea.

La Etiqueta <html>

Por muchos años de la historia desde la creación de HTML-el lenguaje ha cambiado. En este momento la mayoría de los sitios de internet, se pasan a la última versión del lenguaje HTML5. Pero incluso en la versión HTML5 de los conceptos básicos del lenguaje siguen siendo las mismas.

La Estructura de una página HTML se puede comparar con un emparedado. Como el sándwich tiene dos rebanadas de pan, y un documento HTML tiene apertura y cierre de las etiquetas HTML.

Estas etiquetas, como el pan de sandwich, rodean todo lo que hay dentro.

 

La Etiqueta <head>

Continuando con el estudio de HTML, usted debe familiarizarse con la etiqueta <head>. Directamente dentro de la materna de la etiqueta <html> se encuentra todo el contenido del sitio, incluyendo la etiqueta <head>. Esta etiqueta es opcional y contiene todos los ajustes de la página web, para la que está escrito. Estos ajustes no son visibles a los visitantes del sitio, los ven solo los navegadores (Google Chrome, Mozilla Firefox y así sucesivamente).

Bloque con la configuración de la página web contiene todos "aún no aparecen los elementos que ayudan a que el navegador muestre correctamente su sitio en internet.

 

Todas las opciones que se pueden configurar dentro de la etiqueta <head>, vamos, pero un poco más tarde - cuando llegue el momento.

La Etiqueta <body>

La Etiqueta <body> así como la etiqueta <head>, se encuentra dentro de la etiqueta <html>.

Esta etiqueta es necesaria para mostrar en su sitio web toda la información que se desea mostrar.

Los Encabezados, párrafos, tablas, imágenes y enlaces - esto es sólo una pequeña parte de los elementos que se pueden incluir dentro de la etiqueta <body>.

La estructura básica de un documento HTML:

 

Tu primera página web

Ahora que usted sabe que con la ayuda de HTML de la lengua puede crear sitios y que para ello se utilizan los principales etiquetas:

  • <html>. Delinea los límites de la página web.
  • <head>. Contiene la configuración de la visualización de la página web en el navegador.
  • <body>. Contiene todos los elementos de las páginas web (imágenes, videos, texto y así sucesivamente) que desea mostrar a los visitantes del sitio.

Acerca de otras etiquetas, tales como <header>, <...>, <section>, hablaremos muy pronto.

Sería genial si el lector no sólo leer este artículo, pero de inmediato huyó a perfeccionar sus habilidades de inglés. Para perfeccionar las habilidades en el trabajo con HTML deberá crear su primer sitio web que servirá de campo de pruebas para aplicar sus nuevas habilidades.

Se Sabe que los operadores de telefonía móvil ("mts", "el Megfono" y así sucesivamente) nos proporcionan los servicios móviles. De la misma manera el servicio de creación y gestión de sitios que nos ofrecen hosting de los operadores. Para la creación de su sitio web, haga clic en el sitio web de cualquier hosting gratuito-operador.

A probado hosting-los operadores son BEGET o REG, por ejemplo. Usted puede elegir cualquiera.

Después de un corto horas después de 24 horas, el sistema automáticamente crea tu primer sitio web en internet, que será visible para todo el mundo, y usted será capaz de empezar a practicar!

La Moderna estructura de la web

Ahora, cuando usted tiene su propio sitio web, puede obtener información sobre cuáles son las etiquetas que contiene en sí mismo la etiqueta <body> y cómo se ordenan la información en los sitios web.

la Estructura moderna del sitio

En la imagen anterior se presenta de manera esquemática la estructura, que llegó con la aparición de la última versión de HTML-lenguaje HTML5. Junto con HTML5 vinieron no sólo nuevas etiquetas, y el propósito de generar sitios web. Todas las etiquetas que ves en la imagen, se encuentran dentro de la principal de la etiqueta <body>. Los datos de las etiquetas ayudan a "enmarcar" la estructura de su sitio y darle un sentido.

Por Ejemplo, dentro de las etiquetas <header>...</header> es conveniente colocar la cabecera de la web (etiquetas <h1></h1>) y la descripción del sitio (etiquetas <p></p>).

Dentro de las etiquetas <...> </nav> es conveniente colocar el menú (links) de este sitio (la etiqueta <a></a>).

Dentro de las etiquetas <section> </section> es conveniente colocar cualquier gran bloque de información relacionada con la frase. Estopuede ser de varios artículos, cada uno de los cuales "envuelta" en las etiquetas <article></article>, o las fotos de la etiqueta <img src="">), o de la tabla (etiquetas <table></table>) y mucho más.

Dentro de las etiquetas <aside> </aside> es conveniente colocar cualquier información no adecuada en el sentido del a <section> </section>.

Dentro de las etiquetas <footer> </footer> tomó la información adicional del tipo de los datos de contacto, más secciones de la web y así sucesivamente.

Entonces, ¿ahora poco han estado ducho en el sentido de que consisten sitios web modernos. Vamos a por ejemplo, para conmoción en la cabeza se convirtió en la reverencia de la vista.

Por lo tanto, cuando usted abre el sitio web de su proveedor de hosting operador de un gestor de archivos y encuentra el documento con el nombre de index.php que no dude en escribir en él, como el pizarrón, la estructura de su sitio.

 

Recuerde, hablamos <head> las diferentes opciones de configuración para el sitio? Bueno:

  1. Con la ayuda de <meta charset="utf-8"/> mostramos a los navegadores, que en el sitio se pueden y rusos, ingleses y símbolos (de lo contrario, al abrir el sitio web veréis al miedo кракозябры).
  2. <title></title> sirve para especificar el nombre de la página, que aparece en la pestaña del navegador y en el buscador ("Yandex", Google y similares).

Por Supuesto, sin una conexión de estilos CSS de su sitio web se verá avaramente (letras negras sobre fondo blanco), pero, para empezar, asegúrese de probar a escribir su primera página en HTML.

Tome felicitaciones! Usted acaba de crear su primera página web en su propio sitio web! Será interesante!






Alin Trodden - author of the article, editor
"Hi, I'm Alin Trodden. I write texts, read books, and look for impressions. And I'm not bad at telling you about it. I am always happy to participate in interesting projects."

Comentarios (0)

Este artículo no tiene comentarios, se el primero!

Añadir comentario

Noticias Relacionadas Con La

El entusiasmo es... el Significado de la palabra entusiasmo, sinónimos y antónimos

El entusiasmo es... el Significado de la palabra entusiasmo, sinónimos y antónimos

es Muy agradable sensación, es el entusiasmo. Es cuando sientes el mayor deseo de hacer algo. La mayoría de воодушевляются perspectivas y el movimiento hacia adelante. Para algunos, especialmente el estado de ánimo provocan distin...

Nicolás Власик: la biografía y la vida privada del jefe de la protección de stalin

Nicolás Власик: la biografía y la vida privada del jefe de la protección de stalin

En junio de 2000, por decisión de la presidencia del tribunal supremo de rusia ha sido rehabilitado póstumamente el ex jefe de la guardia personal de stalin, el teniente general nicolás Власик cuya biografía ha sido la base de est...

Klondike - ¿qué es eso? El significado de la palabra

Klondike - ¿qué es eso? El significado de la palabra

algunos de los nombres propios, hay muchos valores. Con algunas asociadas de la asociación, y de otras interpretaciones, se conoce poco.un Poco de oroklondike - ¿dónde es? Encuentra el terreno en el territorio de yukón. Ocupa la p...