• Around The HomeToggle Menu

    • Entertainment
    • Productivity
    • Smart Home
  • FamilyToggle Menu

    • Parenting
    • Toys
    • Pets
    • Travel
  • ReviewsToggle Menu

    • Phones
    • Tablets
    • Laptops
    • Desktops
    • Wearables
    • Audio
    • Cameras
    • Headphones
    • Printers
    • Smart Home
    • TVs
    • Gaming and Video
  • One Cool ThingToggle Menu

    • Frugal Tech
    • Kickstarters
    • Videos
  1. Home
  2. Around The Home
  3. Productivity
  4. How to Create a Local Web Page

How to Create a Local Web Page

By: demand86857
  • Share
  • Share on Facebook

Before purchasing a domain name and setting up a website with an Internet Service Provider (ISP), consider using local web pages to perform simple web-related tasks. Local web pages allow you to create useful web applications, photo galleries and media players that run in your browser. You can even bookmark them for quick access. Local web pages are also useful for dissecting other websites and enhancing your web development skills.

...
Local Web pages on your hard drive don't need Web servers to function.

Step

Open an HTML editor or Notepad and paste the following code into a new document.

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> My Local Page

This will create an empty HTML document with no elements or controls.

Video of the Day

Step

Add the following code below the tag:

My Song 1

This embeds a music player in the web page. Replace "My Song" with a name describing an audio file on your hard drive or on the Web. Replace "xyz.mp3" with the actual file name or URL of the audio file. Adjust the height and width parameters to control the dimensions of the player.

Step

Add this code below the previous code block:

This places two images on the page. Replace "myImage1.jpg" and "myImage2.jpg" with the names of two images on your hard drive or the URLs of image files on the Web. To create an image gallery, create additional tags that point to other image files.

Step

Add this code below the previous code block:

My Site 1

http://www.xyz.com" />

Replace "My Site 1" with the name of one of your favorite websites. Replace "http://www.xyz.com" with the URL of the site. Create additional links using the same format.

Step

Save the file with an extension of .html. This creates an HTML file that your browser will recognize as a web page.

Step

Open your browser and select "File" and then "Open." A File Selection window will appear.

Step

Navigate to the HTML file and select it. Click "OK" to close the window. The local web page will open and display your headings, text, music players, photographs and links. Click the play button on the audio to make it play.

Step

Bookmark the page. Access it in the future by selecting the bookmark.

Show Comments

Related Articles

How to Use an Apostrophe in a URL

How to Use an Apostrophe in a URL

Around The Home
Productivity
By: Collier Jackson
How to Embed Streaming Radio Code

How to Embed Streaming Radio Code

Around The Home
Productivity
By: Chad Buleen
How to Use Javascript to Play an MP3 File

How to Use Javascript to Play an MP3 File

Around The Home
Productivity
By: Michael Carroll
How to Add a Background HTML Music Code

How to Add a Background HTML Music Code

Around The Home
Productivity
By: Michael Carroll
How to Make a Product Catalog With HTML

How to Make a Product Catalog With HTML

Around The Home
Productivity
By: Finn McCuhil
How to Embed a VLC Player in HTML

How to Embed a VLC Player in HTML

Around The Home
Productivity
By: Jeff Grundy
  • HOW WE SCORE
  • ABOUT US
  • CONTACT US
  • TERMS
  • PRIVACY POLICY
  • COPYRIGHT POLICY
  • Advertise

An error occurred. Try again later.

Thanks for signing up!
© 2019 Leaf Group Ltd. Leaf Group Media

Get great tech advice delivered to your inbox.

Keep your family productive, connected, entertained, and safe.

Please enter a valid email.