Como hacer una pagina web en html brackets

Inicio » Como hacer una pagina web en html brackets

Brackets tutorial

Web browsers receive HTML documents from a web server or from local storage and render the documents into multimedia web pages. HTML describes the structure of a web page semantically and originally included cues for the appearance of the document.

HTML elements are the building blocks of HTML pages. With HTML constructs, images and other objects such as interactive forms may be embedded into the rendered page. HTML provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes and other items. HTML elements are delineated by tags, written using angle brackets. Tags such as <img /> and <input /> directly introduce content into the page. Other tags such as <p> surround and provide information about document text and may include other tags as sub-elements. Browsers do not display the HTML tags, but use them to interpret the content of the page.

In 1980, physicist Tim Berners-Lee, a contractor at CERN, proposed and prototyped ENQUIRE, a system for CERN researchers to use and share documents. In 1989, Berners-Lee wrote a memo proposing an Internet-based hypertext system.[3] Berners-Lee specified HTML and wrote the browser and server software in late 1990. That year, Berners-Lee and CERN data systems engineer Robert Cailliau collaborated on a joint request for funding, but the project was not formally adopted by CERN. En sus notas personales[4] de 1990 enumeró[5] “algunas de las muchas áreas en las que se utiliza el hipertexto” y puso en primer lugar una enciclopedia.

Comienzan los corchetes

HTML (Hypertext Markup Language) es el código que se utiliza para estructurar una página web y su contenido. Por ejemplo, el contenido puede estructurarse en un conjunto de párrafos, una lista de puntos con viñetas o utilizando imágenes y tablas de datos.  Como sugiere el título, este artículo le dará una comprensión básica de HTML y sus funciones.¿Qué es HTML? HTML es un lenguaje de marcado que define la estructura de su contenido. HTML consiste en una serie de elementos que se utilizan para encerrar, o envolver, diferentes partes del contenido para hacer que aparezca de una manera determinada, o que actúe de una manera determinada. Las etiquetas que encierran el contenido pueden hacer que una palabra o imagen tenga un hipervínculo con otra parte, pueden poner en cursiva las palabras, pueden hacer que la fuente sea más grande o más pequeña, etc.    Por ejemplo, tome la siguiente línea de contenido:

Los atributos contienen información extra sobre el elemento que no quieres que aparezca en el contenido real. Aquí, class es el nombre del atributo y editor-note es el valor del atributo. El atributo class permite dar al elemento un identificador no único que puede ser usado para dirigirlo (y cualquier otro elemento con el mismo valor de class) con información de estilo y otras cosas.

Vista previa del navegador con corchetes

En primer lugar, debe crear un documento de texto que contenga las palabras que desea que aparezcan en su página web. La mayoría de los programas de procesamiento de textos funcionarán bien, siempre y cuando le des a tu documento un nombre que termine en .html o .htm y lo guardes como “Sólo texto”. (Consejo: es mejor utilizar todas las letras minúsculas en el nombre del archivo y evitar cualquier carácter especial o signo de puntuación, excepto los guiones). Mejor aún, utiliza una aplicación de edición de texto como TextEdit, Notepad o Brackets. Escriba su historia, la reseña de un libro, datos fascinantes sobre Júpiter o lo que quiera publicar.

Las etiquetas de formato indican al navegador de Internet (como Firefox, Chrome, Safari o Internet Explorer) cómo organizar las palabras e imágenes en la pantalla. Estas etiquetas conforman un lenguaje llamado HyperText Markup Language, o HTML. El esqueleto básico de un documento HTML tiene este aspecto:

Observe que (1) cada etiqueta de formato aparece entre los signos “menor que” (<) y “mayor que” (>), y (2) las etiquetas suelen aparecer en pares, con la segunda etiqueta del par empezando por una “barra” (/). Las etiquetas que aparecen en pares deben estar “anidadas”, o correctamente ordenadas, dentro de otros pares. Por ejemplo:

Paréntesis nuevo archivo html

Toda página web debe comenzar con una declaración DOCTYPE. It has to be the very first item on the very first line of your HTML or XHTML code. This tells browsers what version of HTML the web page was coded in, which helps them to know how to process the code. Prior to HTML5, DOCTYPE declarations were long and complex. For example, here’s the DOCTYPE declaration for XHTML 1.1:

Common HTML tags are presented below, organized into four tables based on their purpose. The first table includes tags that control the overall structure of the web page. The second and third tables include tags that mark up the majority of web page content. Container tags (those that contain content) are presented in the second table, and non-container tags (those that stand alone) are presented in the third table. The final table contains tags that are used in markup of HTML tables, which are covered in Module 5 of this unit.

HTML5 introduced several new tags called semantic tags. These tags were designed to communicate the function of blocks of content that were common on many web pages. Prior to HTML5, developers just used <div> tags for all blocks.

Ir arriba