| This article describes how to make a web page with | | | | of the browser window. However, to display text |
| HTML (Hypertext Markup Language). You can follow | | | | inside the browser window itself, we need to put |
| the steps shown here with an ordinary Web Browser | | | | that text into the body section of the file (That is, |
| and Windows Notepad. However, make sure you | | | | between the < body > and < /body > tags). This |
| save HTML files with a ".html" extension. Notepad will | | | | can be done with paragraph tag, < p >. For example, |
| append ".txt" to the extension unless you surround | | | | to add "HTML Web design is an interesting field. The |
| the filename with quotes (That is, example.html will | | | | designer is challenged to put together a useful and |
| be saved as example.html.txt while "example.html" will | | | | functional web page," we insert < p >HTML Web |
| be saved with the ".html" extension, as desired).HTML | | | | design is an interesting field. The designer is |
| files contain structures known as tags. Tags contain | | | | challenged to put together a useful and functional |
| particular text surrounded by left and right angle | | | | web page< /p > into the body section.3. Add a |
| brackets, such as < html > or < /html>. Note: | | | | header. Next, we will add header content above the |
| Normally, there is no space between an angle bracket | | | | paragraph. Header text is usually larger than |
| and the text. However, spaces will be used in this | | | | paragraph text. The "actual sizes to use" can be |
| article. That way, the tags will appear as text rather | | | | specified through CSS (Cascading Style Sheets). |
| than code to be executed by a browser.< html > | | | | Though not covered here, CSS will be mentioned in |
| denotes the start of the html code and < /html > | | | | the "Learning HTML - Part 3 - Basic CSS Formatting" |
| denotes the end. Between them, other tags can add | | | | article. A header can be added with the < h1 > tag. |
| additional structure. Usually, a "head" and then "body" | | | | Thus, we can write the following header: < h1 >HTML |
| section will come in between the tags mentioned | | | | Web Design< /h1 >4. View Page Code. In general, |
| earlier. Thus, our simple file can be written as < html | | | | pages on the web will contain the above constructs |
| >< head >< /head >< body >< /body >< /html >.1. | | | | (along with many other coding features). To see the |
| Add a title to the html file. Generally, html files contain | | | | HTML code used to produce any page, browse to it |
| a title (Note: this is not the same as a "header." | | | | and choose the "View > Source" or "View > |
| Headers will be introduced in step 3 below). Titles | | | | Pagesource" menu option. With the help of this menu |
| define the text to be displayed in the "title bar" of | | | | option, try to locate < title >, < h1 >, and < p > tags |
| the browser when you bring up a given page. Titles | | | | in a page.This concludes our basic introduction to |
| are put in the "head" section (That is, between the < | | | | HTML. In part 2, we will cover more tags and add |
| head > and < /head > tags). As an example, our | | | | additional structure.Kevin Matthews works in the |
| simple file could contain following title: < title >This is | | | | Information Technology Industry. His interests include |
| the title< /title>2. Add content to the page. In step 1, | | | | Computers, the Web, Modern Technology, and |
| we defined the text to be displayed in the title bar | | | | Astronomy. |