HTML Intro

What is HTML?

HTML is a language for describing web pages.

    HTML stands for Hyper Text Markup Language
    HTML is not a programming language, it is a markup language
    A markup language is a set of markup tags
    HTML uses markup tags to describe web pages

HTML Tags

HTML markup tags are usually called HTML tags

    HTML tags are keywords surrounded by angle brackets like <html>
    HTML tags normally come in pairs like <b> and </b>
    The first tag in a pair is the start tag, the second tag is the end tag

    Start and end tags are also called opening tags and closing tags.

HTML Documents - Web Pages

    HTML documents describe web pages
    HTML documents contain HTML tags and plain text
    HTML documents are also called web pages

The purpose of a web browsers (like Internet Explorer) is to read HTML documents and display them as web pages. The browser does not display the HTML tags, but uses the tags to interpret the content of the page:

<html>
<body>
<h1>Heading</h1>
<p>paragraph</p>
</body>
</html>
 

Example Explained

  • The text between <html> and </html> describes the web page
  • The text between <body> and </body> is the visible page content
  • The text between <h1> and </h1> is displayed as a heading
  • The text between <p> and </p> is displayed as a paragraph
 
Related Posts:
  • text-shadow Shadows are another common feature of modern Web designs. Shadows add an element of depth to a page, but they can also enhance readability (if used properly) to lift a headline from the page. The text-shadow attribute was te… Read More
  • Html Core Attributes Prior to HTML 4.0, few attributes could be used consistently for all the HTML tags. HTML 4.0 changed this, defining a set of 16 core attributes that you can apply to almost all the elements in both HTML 4.01 and XHTML 1.… Read More
  • six HTML heading tags heading ::= h1_tag | h2_tag | h3_tag | h4_tag | h5_tag … Read More
  • rel microformats Remember the rel attribute from earlier? That attribute is often used in microformats, and the usage is generally very simple. The rel-license format, for instance, looks like this: <a rel="license" href="http://creativec… Read More
  • Anatomy of an XHTML document Finally, let’s look at how a strict XHTML 1.0 document is laid out:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtm… Read More
  • Character Entities  Character Entities The following table lists the defined standard and proposed character entities for HTML and XHTML, as well as several that are nonstandard but generally supported. Entity names, if defined… Read More
  • All HTML Interview Questions And Answers What is HTML? Hyper Text Markup Language,which allows an individual special code to create web pages to be viewed on the Internet.It’s the default markup language used for displaying web pages. What is a DOCTYPE? <!DOC… Read More
  • W3C node types Node type Numeric type value Description Element - Represents an element. Attribute - Represents an attribute. Text-3 Represents character data in an element or attribute. CDATA section - Represents text that may contain … Read More
  • Adapting Your Site to Different Window Sizes Modern browsers like Internet Explorer 10 support the width and height properties of the W3C Working Draft CSS Device Adaptation. This gives Web developers a simple tool to control automatic content scaling across various… Read More
  • Html Grammar The rules are in alphabetical order. The starting rule for an entire document is named html_document. a_content ::= heading   | text a_tag ::= <a>     {a_content}0 … Read More
  • XHTML vs. HTML The question of whether to use XHTML or HTML will often not even come up in an averageweb project; most web designers these days will naturally gravitate toward XHTML, asit is perceived as being new, advanced, and the “X” ma… Read More
  • Divs and spans Divs and spans are two tags that, when used well, can help give your page a logical structureand some extra hooks to apply any CSS or DOM scripting that you might need later. Whenused badly, they can litter your document unn… Read More
  • Table basics in HTML It’s reasonably straightforward to create a simple table when hand-coding markup. Thebare essentials of a single table is an opening <table> tag, followed by at least one tablerow (a <tr>), followed by at least o… Read More
  • Arrays and HTML Arrays are great because they’re used to hold lists of data in your programming language. Of course, HTML already has other ways of working with lists. The <ul> and <ol> tags are both used for visual representati… Read More
  • id and class attributes The id attribute is used to identify elements and mark up specific functional areas of a website, and the class attribute is used to classify one or more elements. These important attributes help you target elements when it … Read More