HOW TO: Creating web pages in Telugu (Windows XP)

Creating web pages in Telugu is very simple. For this post, I assume that you are using Windows XP or above. Just follow the following steps.

  1. Check if support for Complex Script Languages is enabled in XP. (Or, just follow the first three steps shown here.)
  2. Open Notepad.
  3. Type in some Telugu text. (There are various ways for typing in Telugu.) Or, you can simply copy and paste the following code:
    <!DOCTYPE html>
    <html lang="te" dir="ltr">
    	<head>
    		<meta charset="utf-8">
    		<title>తెలుగులో వెబ్ పేజీలు</title>
    	</head>
    	<body>
    		<h1>తెలుగులో వెబ్ పేజీలు!</h1>
    		<p>ఇప్పుడు తెలుగులో వెబ్ పేజీలు తయారుచెయ్యడం చాలా తేలిక.</p>
    	</body>
    </html>
  4. Save it:
    1. Give the file name as telugu-test.html
    2. From the Save as type dropdown, select All Files. (This is important.) Otherwise, the file gets saved as telugu-test.html.txt, and browser shows the code instead of rendering it.
    3. From the Encoding dropdown, select UTF-8 or Unicode. (This is very important!)
  5. Now, open this file in your web browser. (You should see Telugu properly. Windows XP comes with a Telugu font called Gauthami. So you do not need to install any fonts.)

Adding Styles

  1. Let us add a very basic style: show heading in a green color. I highlighted the added code.
    <!DOCTYPE html>
    <html lang="te" dir="ltr">
    	<head>
    		<meta charset="utf-8">
    		<title>తెలుగులో వెబ్ పేజీలు</title>
    		<style type="text/css">
    h1 {
    	color: green;
    }
    		</style>
    	</head>
    	<body>
    		<h1>తెలుగులో వెబ్ పేజీలు!</h1>
    		<p>ఇప్పుడు తెలుగులో వెబ్ పేజీలు తయారుచెయ్యడం చాలా తేలిక.</p>
    	</body>
    </html>
  2. Save the file, and view it in the web browser.

To know more about styles, start with this short guide on styling web pages.

Update (2008-11-13): Added the “Adding Styles” section

13 thoughts on “HOW TO: Creating web pages in Telugu (Windows XP)

  1. thanks for the information friend..
    but can u explain me how to call that file in web (http://www.example.com/“telugu-test.html”.txt) is there anyother way that users can see the content inside a html page (http://www.example.com/index.html) by calling the text file like that… and also can we apply colors and sizes to the text in notepad. I will be so happy if i get any solution from U, please its urgent and very usefull to me not me all telugu lovers…

  2. @Sandeep

    When you create a file with name “telugu-test.html” in notepad, the file gets saved as telugu-test.html. If you do not use quotes around your file name in the Save dialog, the file gets saved as telugu-test.html.txt. To have .html as file extension with Notepad, either you use quotes in file name field, or you can select “All files” from the file type drop down. So after you upload this file to your website you can point it like http://example.com/telugu-test.html.

    On coloring and sizing: you cannot apply colors and sizes in the notepad itself. But, you can specify colors and other style with CSS. For example, in the <head> section, you can use the following code to get the heading of the page in color:

    <style>
            h1 { color: green; }
    </style>
    

    Let me know how that works out and if you have further questions.

  3. Thanks for the immediate reply friend. First i saved the file notepad file like this “telugu-test.html”. But when i browse this its showing like this (“telugu-test.html”.txt) as per your information it should show like this naa (telugu-test.html). I think my problem not solved

  4. @Sandeep,

    I think you have copy-pasted the quotes. Type them and see. (Because, the quotes in this posts are inverted quotes.)

    Or, try the second method (file name: telugu-test.html and save as type: All Files). So as to not cause any confusion, I changed the steps in the post to second method.

  5. thank you for u help
    i was trying to develop a site in telugu
    i faced a lot of problems while searchin on web
    i got ur link and tried the above mentioned examples and i got succed

    i want a small help that how to give css to this

    if it is possible to give like as if we give css link to html pages in the normal way which i used to give for other pages or is there is any other code for it
    as if now i used telugulipi and pasting the content from it for text
    give some solution

    thankingyou
    balreddy

  6. Balreddy,

    I have added a “Adding Styles” section to the post above to show a simple style.

    Instead of including the full style rules in the HTML page, you can also use style sheets as follows (add in the head section):

    <link rel='stylesheet' href='style.css'>
    

    Regarding telugulipi, I did not know if it supports Unicode. There are many tools that let you type in Telugu (to avoid copy-pasting, try any of the tools mentioned in the second section).

  7. hi sir,
    its been great help.
    i have one doubt
    after we creating the file in telugu font, suppose if we open it in another system where the said above steps have ben not followe what happens in that case?
    regards,
    raju

  8. can i get ur no pls… i want use telugu text which already typed in pagemaker with anu…. which i want to use in website..

  9. how to create a telugu website ?
    i am using anuscript for telugu data typing. but i could not build in to website in telugu . my website in php language . give me solution code. lets tell me the hoe to insert the anuscript telugu data in my php website …………….

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.