Frente de la Tarjeta (término)		Atrás de la tarjeta (definición)	3ra Lámina (pista)

1.	Imágen: Remover (HTML Introduction) What is HTML?	Imágen: Remover HTML is the standard markup language for creating Web pages.	Imágen: Remover - HTML stands for Hyper Text Markup Language - HTML is the standard markup language for creating Web pages - HTML describes the structure of a Web page - HTML consists of a series of elements - HTML elements tell the browser how to display the content - HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link", etc.	Elimina Reordena
2.	Imágen: Remover (HTML Introduction) A Simple HTML Document. Example.	Imágen: Remover My First Heading <p>My first paragraph.</p>	Imágen: Remover	Elimina Reordena
3.	Imágen: Remover (HTML Introduction) Example explained:	Imágen: Remover 1. The declaration defines that this document is an HTML5 document	Imágen: Remover 2. The element is the root element of an HTML page.	Elimina Reordena
4.	Imágen: Remover (HTML Introduction) 3. The element contains meta information about the HTML page	Imágen: Remover 4. he element specifies a title for the HTML page (which is shown in the browser's title bar or in the page's tab)	Imágen: Remover 5. The element defines the document's body, and is a container for all the visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.	Elimina Reordena
5.	Imágen: Remover (HTML Introduction) 6. The element defines a large heading	Imágen: Remover 7. The <p> element defines a paragraph</p>	Imágen: Remover	Elimina Reordena
6.	Imágen: Remover (HTML Introduction) What is an HTML Element?	Imágen: Remover An HTML element is defined by a start tag, some content, and an end tag:	Imágen: Remover Content goes here...	Elimina Reordena
7.	Imágen: Remover (HTML Introduction) The HTML element is everything from the start tag to the end tag:	Imágen: Remover My First Heading <p>My first paragraph.</p>	Imágen: Remover	Elimina Reordena
8.	Imágen: Remover (HTML Introduction) What are empty elements?	Imágen: Remover Some HTML elements have no content (like the <br /> element). These elements are called empty elements.	Imágen: Remover Empty elements do not have an end tag!	Elimina Reordena
9.	Imágen: Remover (HTML Introduction) What is the purpose of a web browser?	Imágen: Remover The purpose of a web browser (Chrome, Edge, Firefox, Safari) is to read HTML documents and display them correctly.	Imágen: Remover	Elimina Reordena
10.	Imágen: Remover (HTML Introduction) Does a browser display the HTML tags?	Imágen: Remover A browser does not display the HTML tags, but uses them to determine how to display the document:	Imágen: Remover	Elimina Reordena
11.	Imágen: Remover (HTML Introduction) HTML Page Structure	Imágen: Remover Below is a visualization of an HTML page structure:	Imágen: Remover	Elimina Reordena
12.	Imágen: Remover (HTML Introduction) Note:	Imágen: Remover The content inside the section (the white area above) will be displayed in a browser.	Imágen: Remover The content inside the element will be shown in the browser's title bar or in the page's tab.	Elimina Reordena
13.	Imágen: Remover (HTML Introduction) (HTML History) Since the early days of the World Wide Web, there have been many versions of HTML:	Imágen: Remover	Imágen: Remover This tutorial follows the latest HTML5 standard.	Elimina Reordena
14.	Imágen: Remover (HTML Editors) A simple text editor is all you need to learn HTML.	Imágen: Remover Web pages can be created and modified by using professional HTML editors. However, for learning HTML we recommend a simple text editor like Notepad (PC) or TextEdit (Mac).	Imágen: Remover We believe in that using a simple text editor is a good way to learn HTML.	Elimina Reordena
15.	Imágen: Remover (HTML Editors) Follow the steps below to create your first web page with Notepad or TextEdit.	Imágen: Remover Step 1: Open Notepad (PC) Windows 8 or later: Open the Start Screen (the window symbol at the bottom left on your screen). Type Notepad. Windows 7 or earlier: Open Start > Programs > Accessories > Notepad	Imágen: Remover	Elimina Reordena
16.	Imágen: Remover (HTML Editors) Step 2: Write Some HTML. Write or copy the following HTML code into Notepad:	Imágen: Remover My First Heading <p>My first paragraph.</p>	Imágen: Remover	Elimina Reordena
17.	Imágen: Remover (HTML Editors) Step 3: Save the HTML Page. Save the file on your computer. Select File > Save as in the Notepad menu.	Imágen: Remover Name the file "index.htm" and set the encoding to UTF-8 (which is the preferred encoding for HTML files).	Imágen: Remover	Elimina Reordena
18.	Imágen: Remover (HTML Editors) Tip:	Imágen: Remover You can use either .htm or .html as file extension. There is no difference, it is up to you.	Imágen: Remover	Elimina Reordena
19.	Imágen: Remover (HTML Editors) Step 4: View the HTML Page in Your Browser.	Imágen: Remover Open the saved HTML file in your favorite browser (double click on the file, or right-click - and choose "Open with"). The result will look much like this	Imágen: Remover	Elimina Reordena
20.	Imágen: Remover (HTML Basic Examples) In this chapter we will show some basic HTML examples.	Imágen: Remover Don't worry if we use tags you have not learned about yet.	Imágen: Remover	Elimina Reordena
21.	Imágen: Remover (HTML Basic Examples) (HTML Documents) All HTML documents must start with a document type declaration: __	Imágen: Remover All HTML documents must start with a document type declaration: .	Imágen: Remover	Elimina Reordena
22.	Imágen: Remover (HTML Basic Examples) (HTML Documents) How does the HTML document itself begin and end?	Imágen: Remover The HTML document itself begins with and ends with .	Imágen: Remover	Elimina Reordena
23.	Imágen: Remover (HTML Basic Examples) (HTML Documents) The visible part of the HTML document is between ___.	Imágen: Remover and	Imágen: Remover	Elimina Reordena
24.	Imágen: Remover (HTML Basic Examples) (HTML Documents) Example:	Imágen: Remover My First Heading <p>My first paragraph.</p>	Imágen: Remover	Elimina Reordena
25.	Imágen: Remover (HTML Basic Examples) (The Declaration) What is the declaration?	Imágen: Remover The declaration represents the document type, and helps browsers to display web pages correctly.	Imágen: Remover It must only appear once, at the top of the page (before any HTML tags).	Elimina Reordena
26.	Imágen: Remover (HTML Basic Examples) (The Declaration) The declaration is not case sensitive.	Imágen: Remover The declaration for HTML5 is	Imágen: Remover	Elimina Reordena
27.	Imágen: Remover (HTML Basic Examples) (HTML Headings) How HTML headings are defined?	Imágen: Remover HTML headings are defined with the to tags.	Imágen: Remover defines the most important heading. defines the least important heading.	Elimina Reordena
28.	Imágen: Remover (HTML Basic Examples) (HTML Headings) Example	Imágen: Remover This is heading 1 This is heading 2 This is heading 3 This is heading 4 This is heading 5 This is heading 6	Imágen: Remover	Elimina Reordena
29.	Imágen: Remover (HTML Basic Examples) (HTML Headings) How HTML paragraphs are defined?	Imágen: Remover HTML paragraphs are defined with the <p> tag.</p>	Imágen: Remover	Elimina Reordena
30.	Imágen: Remover (HTML Basic Examples) (HTML Headings) Example	Imágen: Remover <p>This is a paragraph.</p> <p>This is another paragraph.</p>	Imágen: Remover	Elimina Reordena
31.	Imágen: Remover (HTML Basic Examples) (HTML Links) How HTML links are defined?	Imágen: Remover HTML links are defined with the tag:	Imágen: Remover	Elimina Reordena
32.	Imágen: Remover (HTML Basic Examples) (HTML Links) How HTML links are defined? (Example)	Imágen: Remover HTML Links <p>HTML links are defined with the a tag:</p> This is a link	Imágen: Remover	Elimina Reordena
33.	Imágen: Remover (HTML Basic Examples) (HTML Links) The link's destination is specified in the href attribute.	Imágen: Remover Attributes are used to provide additional information about HTML elements.	Imágen: Remover You will learn more about attributes in a later chapter.	Elimina Reordena
34.	Imágen: Remover (HTML Basic Examples) (HTML Images) How HTML images are defined?	Imágen: Remover HTML images are defined with the tag.	Imágen: Remover The source file (src), alternative text (alt), width, and height are provided as attributes.	Elimina Reordena
35.	Imágen: Remover (HTML Basic Examples) (HTML Images) Example	Imágen: Remover HTML Images <p>HTML images are defined with the img tag:</p>	Imágen: Remover	Elimina Reordena
36.	Imágen: Remover (HTML Basic Examples) (How to View HTML Source?) View HTML Source Code:	Imágen: Remover Right-click in an HTML page and select "View Page Source" (in Chrome) or "View Source" (in Edge), or similar in other browsers.	Imágen: Remover This will open a window containing the HTML source code of the page.	Elimina Reordena
37.	Imágen: Remover (HTML Basic Examples) Inspect an HTML Element:	Imágen: Remover Right-click on an element (or a blank area), and choose "Inspect" or "Inspect Element" to see what elements are made up of (you will see both the HTML and the CSS).	Imágen: Remover You can also edit the HTML or CSS on-the-fly in the Elements or Styles panel that opens.	Elimina Reordena
38.	Imágen: Remover (HTML Elements) How an HTML element is defined?	Imágen: Remover An HTML element is defined by a start tag, some content, and an end tag.	Imágen: Remover	Elimina Reordena
39.	Imágen: Remover (HTML Elements) What is an element?	Imágen: Remover The HTML element is everything from the start tag to the end tag:	Imágen: Remover Content goes here...	Elimina Reordena
Añade otra tarjeta (o presione Tab ↹)
Paso 3: Salvar y Crear