Saturday, July 25, 2015

2. HTML Overview

 HTML Tutorial

HTML stands for Hypertext Markup Language, and it is the most widely used language to write Web Pages.
  • Hypertext refers to the way in which Web pages (HTML documents) are linked together. Thus the link available on a webpage are called Hypertext.
  • As its name suggests, HTML is a Markup Language which means you use HTML to simply "mark up" a text document with tags that tell a Web browser how to structure it to display.
Originally, HTML was developed with the intent of defining the structure of documents like headings, paragraphs, lists, and so forth to facilitate the sharing of scientific information between researchers.
Now, HTML is being widely used to format web pages with the help of different tags available in HTML language.

Basic HTML Document

In its simplest form, following is an example of an HTML document:



</span><span class="pln">This is document title</span><span class="tag">

This is a heading Document content goes here..... Either you can use Try it option available at the top right corner of the code box to check the result of this HTML code, or let's save it in an HTML file test.htm using your favorite text editor. Finally open it using a web browser like Internet Explorer or Google Chrome, or Firefox etc. It must show the following output:
HTML Hello World

HTML Tags

As told earlier, HTML is a markup language and makes use of various tags to format the content. These tags are enclosed within angle braces . Except few tags, most of the tags have their corresponding closing tags. For example has its closing tag
and tag has its closing tag tag etc. Above example of HTML document uses folloiwng tags:
TagDescription
This tag defines the document type and HTML version.
This tag encloses the complete HTML document and mainly comprises of document header which is represented by ... and document body which is represented by ... tags.
This tag represents the document's header which can keep other HTML tags like , <link> etc.</td></tr> <tr><td><title></td><td>The <b><title></b> tag is used inside the <head> tag to mention the document title.</td></tr> <tr><td><body></td><td>This tag represents the document's body which keeps other HTML tags like <h1> , <div> , <p> etc.</td></tr> <tr><td><h1> </td><td>This tag represents the heading.</td></tr> <tr><td><p> </td><td>This tag represents a paragraph.</td></tr> </tbody></table> <p> To learn HTML, you will need to study various tags and understand how do they behave while formatting a textual document. Learning HTML is simple as users have to learn the usage of different tags in order to format the text or images to make a beautiful webpage.</p> <p> World Wide Web Consortium (W3C) recommends to use lowercase tags starting from HTML 4.</p> <h2> HTML Document Structure</h2> <p> A typical HTML document will have following structure:</p> <pre class="result">Document declaration tag </pre> <pre class="result" style="margin-top:5px;"><html> <head> Document header related tags </head> <body> Document body related tags </body> </html> </pre> <p> We will study all the header and body tags in subsequent chapters, for now let's see what is document declaration tag.</p> <h2> The <!DOCTYPE> Declaration</h2> <p> The <!DOCTYPE> declaration tag is used by the web browser to understand the version of the HTML used in the document. Current version of HTML is 5 and it makes use of the following declaration:</p> <pre style="" class="prettyprint prettyprinted"><span class="dec"><!DOCTYPE html></span></pre> <p> There are many other declaration types which can be used in HTML document depending on what version of HTML is being used. We will see more details on this while discussing <!DOCTYPE...> tag along with other HTML tags.</p>

0 comments:

Post a Comment

 
Designed by Kakada Akkarak Surakkiat
Technology: របៀប​ដំឡើង Windows 10 នៅ​លើ​កុំព្យូទ័រ!: អ្នកត្រូវដឹងឲ្យ ច្បាស់ពី Windows ដែលអ្នកយក ទៅដំឡើង ដោយសារមាន Windows ខ្លះមានការ crack រួច ឬខ្លះត្រូវការ Product key ភ្លាម និងខ្លះទៀត អាចត្រូវ skip កន្លែងវាយលេខ Product key បាន តែត្រូវ Activate តាមក្រោយ ទើបប្រើប្រាស់បាន។ Technology: ដំណោះ​ស្រាយ Error 80240020 នៅ​ពេល​តម្លើង Windows 10 Free តាម​រយៈ​ការ Upgrade : មាន បញ្ហាមួយចំនួន ទាក់ទងនឹង ការតម្លើង Windows 10 នេះផងដែរ ប៉ុន្តែបញ្ហានោះ កើតឡើង ទៅលើតែកុំព្យូទ័រ មួយចំនួនប៉ុណ្ណោះ គឺខណៈពេល ដែលអ្នក ប្រើប្រាស់ បានទាញយក Windows 10 ចប់ហើយ វាបាន បង្ហាញនូវ ផ្ទាំង error មួយ ដែលមានលេខ សំគាល់ error នោះគឺ 80240020។ ដូចនេះដើម្បី ដោះស្រាយ នូវបញ្ហា មួយនេះ សូមលោកអ្នក តាមដានអាន ជាមួយយើងខ្ញុំ ទាំងអស់គ្នា !!