Along with the number of netters (Internet users) worldwide, including in Indonesia, the more people who wish to have your own homepage or website. This is reasonable considering the benefits we can get by having your own website. Have an email address, now this is no longer something special. But it has its own website as possible for most people is still something coveted. That's what we try to make this practical tutorial that can be learned and practiced by the netter who wish to become webmasters (website manager). Hopefully with the ability to create a website, we can participate and disseminate knowledge and information beneficial to all mankind, both globally and in the hereafter. How can display your own website on the internet? There are several stages and steps that we must go through to create a website that actually exist on the internet. This means that the website in terms of the typographical arrangement is not "pathetic", in terms of content is not "perfunctory" and in terms of visitors only "glance". To create a website we first need to learn the HTML language that is a "programming language" that allows us to create web pages that can be displayed in the browser (Internet Explorer, Netscape, Opera, etc.). Once we master the basics of HTML, then we try to make plans and design of website design and content that we wish to make. Then we pour the draft in the form of Web pages are integrated. When finished, or "leads to a finished", we must register it to the web hosting to our website "installed" and can be accessed on the internet. Finally, who is also equally important is how to promote the website to be known and visited by the netter. Well, now we start from the first step is to learn the HTML language. LEARNING HTML Today, almost all Web documents created with the language of HTML (Hypertext Mark-up Language). Although you could create a web page (web page) without the slightest understanding of HTML, ie using various WYSIWYG HTML editor like Microsoft FrontPage, Adobe PageMill or Netscape Composer, but highly recommended almost required, so that you understand the HTML language. Mainly so you can make optimum use of various facilities browser and remember that there are a number of weaknesses in the WYSIWYG editor as above. For that first step for those who aspire to have their own website is to learn HTML. HTML (Hypertext Markup Language) is a programming language used to write a document format that can be used in the Web. With HTML, ASCII text (*. txt files) can be polished (in- mark-ups) with certain codes, called tags to a HTML document (file *. htm or *. html). Therefore, to create an HTML document, you can use any plain text editor program, ranging from Notepad to MS Word. For simplicity, we use the Notepad program. Open the Notepad program. If you do not know how, click Start> Programs> Accessories and then Notepad. Now follow carefully the following exercises one after another. HTML CODE RECOGNITION In your Notepad program, write like this: <HTML> </ HTML> Each line above is called a tag. Tags are used to code-mark-up (polish) ASCII text into HTML file. Each tag enclosed in pointy brackets. There is an opening tag and a closing tag <HTML> ie </ HTML> are marked with a slash (slash) in front of the early writings. Tag at the top gives faidah that will be written between these two tags is the content of an HTML document. You should know that html tags can be written in uppercase or lowercase. That is, writing or <html> or <html> <HTML> the same results. But keep in mind that writing tag is wrong even if only one character will affect your HTML document, it can even result in your HTML document can not be displayed in the browser. Now we will turn to the next tag. Add the tag as follows: <HTML> <BODY> </ BODY> </ HTML> The contents of the HTML document that is actually written between tags <BODY>. Try writing: <HTML> <BODY> This paper will appear in the browser. </ BODY> </ HTML> Now save this file by clicking File menu and then Save As. In the dialog box that appears, first click the small arrow at the right end of the Save as type box and then select All Files (*.*). After that, fill in the File name box with the name of the file you want eg: latih1.htm. Do not forget the addition of extensions. Htm behind the file name! Finally, click the Save button then the file will be saved as a web document. Now, close your Notepad program. Now open another browser (Internet Explorer) in addition to the browser window that you read this. Click the File menu and Open. In the dialog box that appears, click the Browse button. Latih1.htm Find and select the file and click Open. Well, look at your work first! This paper will appear in the browser Is the BODY tag marker functionality beyond the body or the contents of web documents? No, in this BODY tag we can insert a variety of attributes that will affect the format or display a web page as a whole. On this occasion we take the example of how to change the background color and text color of a web page by adding attributes to the BODY tag. Now look back to your browser that is displaying the file latih1 earlier. Click the View menu and then Source. With this instruction will emerge Notepad program in which the visible source code or HTML code that you created earlier. For example we will make this latih1 web page be colored yellow background with red writing. For that, we need to add the attribute BGCOLOR and TEXT into the body tag as follows: <HTML> <BODY BGCOLOR="yellow" TEXT="red"> This paper will appear in the browser. </ BODY> </ HTML> Keep back this file (click File and then Save). To see how it works, go back to the browser that displays web pages latih1 earlier. Click the View menu and then click Refresh or Refresh button on the toolbar or also by pressing the F5 key on the keyboard. Thus, the browser will redial latih1 file that has now changed. Then it will behold the result: This paper will appear in the browser Please note that the determination of color in HTML can with color names (in English) and can also be color-coded. Color code is written in hex format # RRGGBB. Below are the 16 names and their color code in hex format (please note that writing 0 is the number zero, not letter O). black #000000 blue #0000FF olive #808000 white #FFFFFF fuchsia #FF00FF green #008000 red #FF0000 gray #808080 teal #008080 yellow #FFFF00 silver #C0C0C0 navy #000080 lime #00FF00 maroon #800000 purple #800080 aqua #00FFFF Thus, the HTML code for the example above could be written as follows: <HTML> <BODY BGCOLOR="#FFFF00" TEXT="#FF0000"> This paper will appear in the browser. </ BODY> </ HTML> By using the hex color code, color variations can be made more. Click here to see a list of other color codes! Thus the BODY tag glimpse of the function. Now turn back to the source code, aka HTML code. Still remember, do not you do? (Click the View menu and then Source). Add tags below: <HTML> <HEAD> <TITLE> </ TITLE> </ HEAD> <BODY BGCOLOR="yellow" TEXT="red"> This paper will appear in the browser. </ BODY> </ HTML> Here we see that we add tags and tag <TITLE> <HEAD>. HEAD tag serves to enclose a variety of functions and information that are pleasing to the relevant web pages. In practice this time, we enter the TITLE tag between the HEAD tag. As the name implies, this TITLE tag serves to enclose the phrase that became the title of the web page. Now let us write down the title of this web page: <HTML> <HEAD> <TITLE> Work First </ TITLE> </ HEAD> <BODY BGCOLOR="yellow" TEXT="red"> This paper will appear in the browser. </ BODY> </ HTML> Save the file again by clicking on File then Save. Now we'll see how changes in the browser. Refresh do it again as above. Then you will see on the top line (called the Title Bar) of the browser will display the title or titles from your web page is: Work First. Alhamdulillah, we finished the first practice. Tampering with CAPITALS In this second exercise, we will study some of the tags that are relatively easy to remember. These tags serve to change the font type to bold (bold), to make italics (italic) or underline (underline). Open another program such as Notepad and then write the following: <HTML> <HEAD> <TITLE> Types of Text </ TILE> </ HEAD> <BODY> There are three types of writings are most often used in writing the document. The third type is bold, italics and underlined text. Two types of letters can also be combined eg bold and italic, bold and underlined or italics and underlined. Even these three can also type text at a time merge into one form of bold, italic and underlined. </ BODY> </ HTML> Save the file. Do not forget to follow the steps to save the HTML file that we have learned in the first practice first. Once the file is saved, open the file with Internet Explorer. Notice that all the writings that the document is still uniform. Now, we'll make a few changes in some words and sentences that were there so it becomes like this: There are three types of writings are most often used in writing the document. The third type is bold, underlined text miringdan posts. Two types of letters can also be combined eg bold and italic, bold and underlined or italics and underlined. Even these three can also type text at a time merge into one form of bold, italic and underlined. How? Open source code from the earlier document (press F5), then add the following tags. The tags are <B> to thicken (bold) text, <I> to tilt (italic) text and to highlight <u> (underline) text: <HTML> <HEAD> <TITLE> Types of Text </ TITLE> </ HEAD> <BODY> There are three types of writings are most often used in writing the document. The third type is the writing <B> bold </ B>, writing <I> italics </ I> and writing <u> underlined </ U>. Can also be combined two types of letter writing <B> <I> eg bold and italic </ B> </ I>, written <B> <u> bold and underlined </ B> </ U> or writing <I> <u> italic and underlined </ I> </ U>. Even these three can also type text at a time merge into one form of writing <B> <I> <u> bold, italic and underlined </ B> </ I> </ U>. </ BODY> </ HTML> After you add all the tags, save (Save) source code files that document and do a Refresh on the web that appear on your browser program. Look at the changes! If anything goes wrong, try to pay close attention to your writing the tags, ranging from <HTML> opening tag to </ HTML> There is nothing wrong not to write even a single character. For example: if tag </ TITLE> you write </ TILE> then the browser will not display anything in writing your document. If you do not believe it, try to write source code that is wrong like that, to keep (save) then refresh your document and see the results! For more mempermantap skills you get from this second exercise, a good idea to try to make the following HTML document. Make a document with the title (title): Establishment types text, the contents of which are written as follows: Because HTML files are actually plain ASCII files, then you can use simple text editors such as WordStar (WAS), Notepad, MS Write, and others. Text editors can guide you to learn HTML codes are inside and out. However, you may be a little frustrated at having to type all the HTML code line by line in its development will become very complicated. However, using a text editor to create web pages is the best way to really understand the structure of an HTML file. If you have saved it, open it and see in the browser program.
Pages to are hidden for
"Html Code Recognition"Please download to view full document