Showing posts with label Info Internet. Show all posts
Showing posts with label Info Internet. Show all posts

HTML Basic Tags

Posted by Raka Satria Mencari Cpanel on Wednesday, January 9, 2013


HTML Basic Tags

The basic structure for all HTML documents is simple and should include the following minimum elements or tags:
  •  - The main container for HTML pages
  •  - The container for page header information
  • </b> - The title of the page</p></li><li><p style="text-align: justify; "><b><body></b> - The main body of the page</p></li></ul><p style="text-align: justify; font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; background-color: rgb(255, 255, 255); ">Remember that before an opening <html> tag, an XHTML document can contain the optional XML declaration, and it should always contain a DOCTYPE declaration indicating which version of XHTML it uses.</p><p style="text-align: justify; font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; background-color: rgb(255, 255, 255); ">Now we will explain each of these tags one by one. In this tutorial you will find the terms element and tag are used interchangeably.</p><h2 style="font: normal normal normal 9px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; margin-bottom: 10px; font-size: 16px; margin-top: 10px; background-color: rgb(255, 255, 255); text-align: left; ">The <html> Element:</h2><p style="text-align: justify; font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; background-color: rgb(255, 255, 255); ">The <html> element is the containing element for the whole HTML document. Each HTML document should have one <html> and each document should end with a closing </html> tag.</p><p style="text-align: justify; font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; background-color: rgb(255, 255, 255); ">Following two elements appear as direct children of an <html> element:</p><ul style="font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; text-align: left; background-color: rgb(255, 255, 255); "><li><p style="text-align: justify; "><head></p></li><li><p style="text-align: justify; "><body></p></li></ul><p style="text-align: justify; font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; background-color: rgb(255, 255, 255); ">As such, start and end HTML tags enclose all the other HTML tags you use to describe the Web page.</p><h2 style="font: normal normal normal 9px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; margin-bottom: 10px; font-size: 16px; margin-top: 10px; background-color: rgb(255, 255, 255); text-align: left; ">The <head> Element:</h2><p style="text-align: justify; font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; background-color: rgb(255, 255, 255); ">The <head> element is just a container for all other header elements. It should be the first thing to appear after the opening <html> tag.</p><p style="text-align: justify; font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; background-color: rgb(255, 255, 255); ">Each <head> element should contain a <title> element indicating the title of the document, although it may also contain any combination of the following elements, in any order:</p><ul style="font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; text-align: left; background-color: rgb(255, 255, 255); "><li><p style="text-align: justify; ">The <base> tag is used to areate a "base" url for all links on the page. Check HTML Base tag.</p></li><li><p style="text-align: justify; ">The <object> tag is designed to include images, JavaScript objects, Flash animations, MP3 files, QuickTime movies and other components of a page. Check HTML Object tag.</p></li><li><p style="text-align: justify; ">The <link> tag is used to link to an external file, such as a style sheet or JavaScript file. Check HTML Link tag.</p></li><li><p style="text-align: justify; ">The <style> tag is used to include CSS rules inside the document. Check HTML Style tag.</p></li><li><p style="text-align: justify; ">The <script> tag is used to include JAVAScript or VBScript inside the document. Check HTML Script tag.</p></li><li><p style="text-align: justify; ">The <meta> tag includes information about the document such as keywords and a description, which are particularly helpful for search applications. Check HTML Meta tag.</p></li></ul><h2 style="font: normal normal normal 9px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; margin-bottom: 10px; font-size: 16px; margin-top: 10px; background-color: rgb(255, 255, 255); text-align: left; ">Example:</h2><p style="text-align: justify; font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; background-color: rgb(255, 255, 255); ">Following is the example of head tag.</p><table class="src" cellpadding="5" style="font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(170, 170, 170); border-right-color: rgb(170, 170, 170); border-bottom-color: rgb(170, 170, 170); border-left-color: rgb(170, 170, 170); width: 552px; background-color: rgb(255, 255, 255); border-collapse: collapse; padding-left: 5px; vertical-align: top; color: rgb(0, 0, 0); text-align: left; "><tbody><tr><td style="vertical-align: top; margin-bottom: 0px; border-collapse: collapse; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(170, 170, 170); border-right-color: rgb(170, 170, 170); border-bottom-color: rgb(170, 170, 170); border-left-color: rgb(170, 170, 170); "><pre style="font-family: 'Courier New', monospace; font-size: 12px; "><head><br /><title>HTML Basic tags









The Element:</h2><br /><p style="text-align: justify; font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; background-color: rgb(255, 255, 255); "><br />You should specify a title for every page that you write inside the <title> element. This element is a child of the <head> element). It is used in several ways:</p><br /><ul style="font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; text-align: left; background-color: rgb(255, 255, 255); "><br /><li><p style="text-align: justify; "><br />It displays at the very top of a browser window.</p><br /></li><br /><li><p style="text-align: justify; "><br />It is used as the default name for a bookmark in browsers such as IE and Netscape.</p><br /></li><br /><li><p style="text-align: justify; "><br />Its is used by search engines that use its content to help index pages.</p><br /></li><br /></ul><br /><p style="text-align: justify; font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; background-color: rgb(255, 255, 255); "><br />Therefore it is important to use a title that really describes the content of your site. The <title> element should contain only the text for the title and it may not contain any other elements.</p><br /><h2 style="font: normal normal normal 9px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; margin-bottom: 10px; font-size: 16px; margin-top: 10px; background-color: rgb(255, 255, 255); text-align: left; "><br />Example:</h2><br /><p style="text-align: justify; font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; background-color: rgb(255, 255, 255); "><br />Here is the example of using title tag.</p><br /><table class="src" cellpadding="5" style="font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(170, 170, 170); border-right-color: rgb(170, 170, 170); border-bottom-color: rgb(170, 170, 170); border-left-color: rgb(170, 170, 170); width: 552px; background-color: rgb(255, 255, 255); border-collapse: collapse; padding-left: 5px; vertical-align: top; color: rgb(0, 0, 0); text-align: left; "><tbody><br /><tr><td style="vertical-align: top; margin-bottom: 0px; border-collapse: collapse; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(170, 170, 170); border-right-color: rgb(170, 170, 170); border-bottom-color: rgb(170, 170, 170); border-left-color: rgb(170, 170, 170); "><pre style="font-family: 'Courier New', monospace; font-size: 12px; "><head><br /><title>HTML Basic tags



The Element:



The element appears after the element and contains the part of the Web page that you actually see in the main browser window, which is sometimes referred to as body content.


A element may contain anything from a couple of paragraphs under a heading to more complicated layouts containing forms and tables.


Most of what you will be learning in this and the following five chapters will be written between the opening tag and closing tag.


Example:



Here is the example of using body tag.



This is a paragraph tag.



Putting all together:

Now if we will put all these tags together, it will constitute a complete HTML document as follows:



HTML Basic tags








This is a paragraph tag.




More aboutHTML Basic Tags

What is HTML ?

Posted by Raka Satria Mencari Cpanel


Before your begin:

Before you begin, it's important that you know Windows or Unix. A working knowledge of Windows or Unix makes it much easier to learn HTML.
You should be familiar with:
  • Basic word processing using any text editor.
  • How to create directories and files.
  • How to navigate through different directories.
  • Basic understaning on internet browsing using a browser like Internet Explorer or Firefox etc.

Introducing HTML:

HTML stands for Hypertext Markup Language, and it is the most widely used language to write Web Pages. As its name suggests, HTML is a markup language.
  • Hypertext refers to the way in which Web pages (HTML documents) are linked together. When you click a link in a Web page, you are using hypertext.
  • Markup Language describes how HTML works. With a markup language, you 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.
All you need to do to use HTML is to learn what type of markup to use to get the results you want.

Creating HTML Document:

Creating an HTML document is easy. To begin coding HTML you need only two things: a simple-text editor and a web browser. Notepad is the most basic of simple-text editors and you will probably code a fair amount of HTML with it.
You can use our HTML Online Editor to learn HTML. Here are the simple steps to create a baisc HTML document:
  • Open Notepad or another text editor.
  • At the top of the page type .
  • On the next line, indent five spaces and now add the opening header tag: .
  • On the next line, indent ten spaces and type .
  • Go to the next line, indent five spaces from the margin and insert the closing header tag:
.
  • Five spaces in from the margin on the next line, type.
  • Now drop down another line and type the closing tag right below its mate:
  • .
  • Finally, go to the next line and type
  • .
  • In the File menu, choose Save As.
  • In the Save as Type option box, choose All Files.
  • Name the file template.htm.
  • Click Save.
  • You have basic HTML document now, to see some result put the following code in title and body tags.


    This is document title



    This is a heading


    Document description goes here.....




    Now you have created one HTML page and you can use a Web Browser to open this HTML file to see the result. Hope you understood that Web Pages are nothing but they are simple HTML files with some content which can be rendered using Web Browsers.
    Here , ,...,

    etc. are called HTML tags. HTML tags are building blocks of an HTML document nd we will learn all the HTML tags in subsequent chapters.


    NOTE: One HTML file can have extension as .htm or .html. So you can use either of them based on your comfort.

    HTML Document Structure:

    An HTML document starts and ends with and >/html> tags. These tags tell the browser that the entire document is composed in HTML. Inside these two tags, the document is split into two sections:
    • The ... elements, which contain information about the document such as title of the document, author of the document etc. Information inside this tag does not display outside.
    • The ... elements, which contain the real content of the document that you see on your screen.

    HTML Tags and Elements:

    HTML language is a markup language and we use many tags to markup text. In the above example you have seen , etc. are called HTML tags or HTML elements.
    Every tag consists of a tag name, sometimes followed by an optional list of tag attributes , all placed between opening and closing brackets (< and >). The simplest tag is nothing more than a name appropriately enclosed in brackets, such as and . More complicated tags contain one or more attributes , which specify or modify the behavior of the tag.
    According to the HTML standard, tag and attribute names are not case-sensitive. There's no difference in effect between , , , or even ; they are all equivalent. But with XHTML, case is important: all current standard tag and attribute names are in lowercase.

    HTML is Forgiving?

    A very good quality associated with all the browsers is that they would not give any error if you have not put any HTML tag or attribute properly. They will just ignore that tag or attribute and will apply only correct tags and attributes before displaying the result.
    We can not say, HTML is forgiving because this is just a markup language and required to format documents.

    More aboutWhat is HTML ?

    Satu akun google dengan begitu banyak kelebihan

    Posted by Raka Satria Mencari Cpanel on Friday, December 28, 2012


    Apa yang anda pikirkan dengan kata Google?pasti yang terlintas dalam benak anda adalah sebuah mesin pencari yang biasa anda gunakan dalam aktifitas mencari sumber referensi dan informasi di Internet.

    Dimulai pada tahun 1996, mahasiswa pascasarjana Universitas Stanford Larry Page dan Sergey Brin membangun sebuah mesin pencari yang disebut "BackRub" yang digunakan link untuk menentukan pentingnya halaman web individu. Menjelang tahun 1998 mereka telah diformalkan pekerjaan mereka, menciptakan perusahaan Anda tahu hari ini sebagaiGoogle.

    Sejak itu, Google telah berkembang dengan pesat. Dari menawarkan pencarian dalam satu bahasa kita sekarang menawarkan puluhan produk dan layanan — termasuk berbagai bentuk iklan dan aplikasi web untuk semua jenis tugas-skor bahasa. Dan mulai dari dua mahasiswa ilmu komputer di kamar asrama universitas, kita sekarang memiliki ribuan karyawan dan kantor di seluruh dunia.

    Perlu anda ketahui karena sebenarnya Google mempunyai banyak beberapa fasilitas dalam berbagai bentuk yang bisa anda gunakan dengan cukup mendaftar satu akun.

    Dalam satu akun anda bisa login kesemua fasilitas yang dimiliki google. Saya sarankan anda untuk membuat email Google atau  Gmail terlebih dahulu untuk mempermudah membuat akun google lainnya.
    Berikut adalah beberapa Produk atau fasilitas Google yang mungkin bisa bermanfaat:
    1. Gmail: Penyedia layanan email dengan domain username@gmail.com yang bisa anda gunakan dengan keamanan yang baik, dan fleksible untuk mendaftar produk google lainnya.
    2. Blogger: Produk yang dimiliki oleh PyraLab sebelum akhirnya PyraLab diakuisi oleh Google.Com pada akhir tahun 2002 yang lalu. Semenjak itu, banyak terdapat aplikasi-aplikasi yang bersifat sumber terbuka yang diperuntukkan kepada perkembangan para penulis blog tersebut.
    3. Album Web Picasa: Sebuah web Album yang memungkinkan anda menyimpan (Upload dan Download) Foto dengan berbagai macam tujuan dan kebutuhan yang diperlukan.
    4. Code Google: Sebuah project Hosting yang bisa anda gunakan sebagai tempat penyimpan berbagai macam script(js, xml, html, css, swf, dll) biasanya digunakan sebagai script external dalam pemanggilan sebuah script.
    5. Site Google: Produk ini bisa anda gunakan untuk membuat web atau situs dengan aplikasi dan kemudahan membuat sebuah web, selain itu Site google juga bisa digunakan sebagai project hosting penyimpanan script dan file lainnya seperti Code Google.
    6. Google Analytics: Memungkinkan anda untuk memakainya sebagai acuan untuk melihat statistik dari Visitor pengunjung web/blog anda.
    7. Google Adsense:  Daftarkan web atau blog anda untuk mendapatkan penghasilan dari iklan google.
    8. Google Talk: Ngobrol, kirim pesan dan file kepada teman anda secara gratis.
    9. Google Doc: Menyunting dokumen bersama siapapun yang Anda inginkan, kemudian publikasikan dan masukkan dalam blog secara online.
    10. Url Shortener: Jika domain  asli blog dan artikel anda ingin disembunyikan Produk ini bisa membantu anda untuk menyingkat url dengan tujuan URL yang diinginkan.
    11. Google Plus: Sebuah situs jejaring sosial yang didirikan oleh google Lingkaran sosial
    12. Youtube: memungkinkan miliaran orang menemukan, menonton, dan berbagi video ciptaan asli. YouTube menyediakan forum bagi pengguna untuk menjalin hubungan, berbagi informasi, dan menginspirasi orang di seluruh dunia dan berfungsi sebagai platform distribusi bagi pembuat konten asli dan pengiklan baik besar maupun kecil.
    More aboutSatu akun google dengan begitu banyak kelebihan