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

Creating web pages in Telugu is very simple. For this how-to 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>
	<head>
		<title>తెలుగులో వెబ్ పేజీలు</title>
	</head>
	<body>
		<h1>హలో ప్రపంచమా!</h1>
	</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>
	<head>
		<title>తెలుగులో వెబ్ పేజీలు</title>
		<style type='text/css'>
h1 { color:green; }
		</style>
	</head>
	<body>
		<h1>హలో ప్రపంచమా!</h1>
	</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

7 Responses to 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…

    Sandeep | 9:31 am on the 21st of April, 2008

  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.

    Veeven | 8:08 pm on the 21st of April, 2008

  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

    Sandeep | 11:19 pm on the 21st of April, 2008

  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.

    Veeven | 11:44 pm on the 21st of April, 2008

  5. woww… fantasticc :kisses for U:
    thanks brother i got it, i followed second method.
    I believe that its the best and easy 1 naa..

    Sandeep | 4:36 am on the 21st of April, 2008

  6. 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

    k.balreddy | 12:16 pm on the 21st of April, 2008

  7. 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).

    Veeven | 9:03 pm on the 21st of April, 2008

Leave a Reply