Introduction to HTML

What is HTML?

HTML is a markup language for describing web documents (web pages).

  • HTML stands for Hyper Text Markup Language
  • A markup language is a set of markup tags
  • HTML documents are described by HTML tags
  • Each HTML tag describes different document content

-The DOCTYPE declaration defines the document type to be HTML
-The text between <html> and </html> describes an HTML document
-The text between <head> and </head> provides information about the document
-The text between <title> and </title> provides a title for the document
-The text between <body> and </body> describes the visible page content
-The text between <h1> and </h1> describes a heading
-The text between <p> and </p> describes a paragraph

Using this description, a web browser can display a document with a heading and a paragraph.

  • HTML Tags

    HTML tags are keywords (tag names) surrounded by angle brackets:

    <tagname>content</tagname>

    -HTML tags normally come in pairs like <p> and </p>
    -The first tag in a pair is the start tag, the second tag is the end tag
    -The end tag is written like the start tag, but with a slash before the tag name

  • HTML Documents

    -All HTML documents must start with a type declaration: <!DOCTYPE html>.
    -The HTML document itself begins with <html> and ends with </html>.
    -The visible part of the HTML document is between <body> and </body>:
    <!DOCTYPE html>
    <html>
    <body>

    <h1>My First Heading</h1>

    <p>My first paragraph.</p>

    </body>
    </html>

  • HTML Headings

    -HTML headings are defined with the <h1> to <h6><h1>This is a heading</h1>

  • HTML Paragraphs

    -HTML paragraphs are defined with the <p> tag:  <p>This is a paragraph.</p>

  • HTML Links

    -HTML links are defined with the <a> tag: <a href=http://www.w3schools.com&#8221;>This is a link</a>

  • HTML Images

    -HTML images are defined with the <img> tag.
    -The source file (src), alternative text (alt), and size (width and height) are provided as attributes: <img src=“w3schools.jpg” alt=“W3Schools.com” width=“104” height=“142”>

Source: http://www.w3schools.com/html/html_basic.asp

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s