Web design Tutorials Lesson 2.( Part 1)

  Lesson 2.( Part 1)

Create a Basic HTML Template

Create a Basic hypertext markup language example

We've created a video to travel with this lesson. It's counseled that you simply browse the text below furthermore, though. The video is here:

How to produce a hypertext markup language example

While you have got the Windows soul or Finder screen open, you'll save your current hypertext markup language skeleton as a example. That way, you do not need to sort it all out anytime you would like a replacement web content.

In your text editor, delete any text between your 2 TITLE tags. currently click File > Save As. From the Save As dialogue box modification the name of your web content to template.txt:

Click Save to avoid wasting the code as a computer file. you'll be came to your text editor. Click File > Save As once more. currently modification the name of the file to newpage.html. within the Save As sort confine Windows, modification it to all or any Files:

Save the file and switch to Windows soul or Finder. you ought to currently see 3 pages:

 One of these, the example could be a computer file instead of a hypertext markup language file. From currently on, you'll open the example computer file, and repeat the method above: Click File > Save As, modification the Save As sort box to all or any Files, then group A new name for your web content, not forgetting the hypertext markup language ending.

There is a tangle, however. If you were to double click your newpage.html file it might open up in your browser. however you'll need to open it up in tablet so you'll edit the file and create changes.

To solve the matter, you'll add AN item to the Send to menu in Windows (Macs can have AN Open With right-click menu. Your text editor ought to get on there). This seems once your right-click the file:

In the image on top of, we've got tablet on the Send to menu. choosing this item implies that we will quickly open up the code in tablet.

To add AN item to the Send to menu, switch back to your soul window. within the address bar at the highest, enter the following:

%APPDATA%\Microsoft\Windows\SendTo

just the Enter key on your keyboard and you'll be taken to the Send to folder:

 You can currently drag and drop things from your begin menu to the present folder. (Make certain Windows soul does not fill the total of your screen by clicking the Restore Down icon simply to the left of the Red X.)

Click your Windows begin button. From the All Programs > Accessories menu, find tablet once more. Hold down your left push button on tablet. Keep it command down and drag across to your Windows soul and your Send To folder:/

Let go of your left push button and tablet are on your Send To menu once you right-click a come in Windows soul.

Now you'll quickly open up your hypertext markup language code in tablet and makes changes thereto.

To recap this section, here square measure the small print again:

•           The hypertext markup language skeleton is that the foundation on that most net pages square measure based mostly

•           HTML is written in Tags

•           Tags sometimes are available in pairs

•           A Tag could be a word enclosed

•           A try of tags has as a beginning Tag ANd an finish Tag. the tip Tag is preceded by a forward slash

•           Add hypertext markup language> to the highest of all of your HTML pages.