- Awards Season
- Big Stories
- Pop Culture
- Video Games
Mastering HTML Code: A Step-by-Step Guide to Creating a Web Page
Are you interested in creating your own web page but don’t know where to start? Look no further. In this step-by-step guide, we will walk you through the process of using HTML code to create a web page. HTML (Hypertext Markup Language) is the backbone of every web page, and understanding how to write and manipulate it is essential for anyone venturing into the world of web development. So, let’s dive in and become masters of HTML code.
Understanding the Basics of HTML
Before we jump into writing code, it’s important to understand the basics of HTML. HTML is a markup language that uses tags to structure content on a web page. Each tag serves a specific purpose and tells the browser how to display different elements such as headings, paragraphs, images, and links.
To start creating your web page, open any text editor (such as Notepad or Sublime Text) and create a new file with an .html extension. This will be your working file where you’ll write your HTML code.
Structuring Your Web Page
The structure of your web page is crucial for both organization and search engine optimization (SEO). The basic structure consists of an opening tag followed by
and tags. The section contains meta-information about your web page while the actual content resides within the section.
section, you can use various tags to structure your content such as headings (
Adding Elements to Your Web Page
Once you have structured your web page, it’s time to add elements such as images, links, and tables. To insert an image, use the tag with the source attribute pointing to the URL or file path of the image. Similarly, to create a hyperlink, use the tag with the href attribute specifying the destination URL.
Tables are useful for organizing data on your web page. Use the
MORE FROM ASK.COM
- Skip to primary navigation
- Skip to main content
- Skip to primary sidebar
Educational Technology in the UT School of Nursing
Serving the learning technology & instructional design needs of faculty in UT's School of Nursing
Posted on May 2, 2017 | By Sean White | Filed Under: Media & A/V , Software & Apps , Teaching & Learning | Tagged With: Interactivity , Media , PowerPoint , Website
How to Embed Live Websites into Your PowerPoint Slideshow
Do you get tired of having to switch back and forth between websites and your PowerPoint slideshow during a lecture? Do you wish it were possible to add that website right to your slideshow?
Well, it turns out you can!
For newer versions of PowerPoint (2013, 2016, Mac), you can download the Web Viewer add-in and place web pages right into a slide within your slideshow.
Note : this add-in only works with secure websites (those beginning with HTTPS) for security reasons.
To install the Web Viewer Add-In
- Open PowerPoint.
- Click the Insert tab.
- In the Add-ins section, click My Add-ins.
- In the Office Add-ins window, click Store.
- In the Search box, type Web Viewer.
This will add the Web Viewer add-in to your PowerPoint allowing you to insert web pages into any slide within your slideshows.
To Embed a Web Page into a Slide
- Click New Slide.
- Select Web Viewer.
- Click Insert.
- Type or paste (CTRL+V) the URL of the website/page you wish to embed.
- Be sure to delete https:// from the URL since it’s already added by default.
- Click Preview to view the page.
- Adjust the size to your liking.
But what if the website you want to add isn’t “secure” (doesn’t include the “s” after “http”)?
Sometimes, Web Viewer doesn’t do exactly what you want since it only works for secure web content. When you need to add a public web page, you can use another add-in called LiveSlides.
LiveSlides works the same way Web Viewer does but offers a little more flexibility.
To learn more about LiveSlides and see how to install and start using it, click here .
Leave a reply cancel reply.
You must be logged in to post a comment.
- Add Zoom Office Hours to Canvas Navigation
- Give your Canvas Course a “Facelift”
- Student Resources
- Canvas Quick Links
- Create Your Own Canvas Course Navigation
- Question Banks in Canvas
- Discussions in Canvas
- Add People to Your Canvas Course
- Google Apps in Canvas
- Dynamic Content in Canvas
- Downloading multiple files from Canvas to your PC
- How (NOT) to Use Classroom Microphones
- 3 Ways to Get Students to Read Your Syllabus
- Academic Integrity – Faculty Resources
- How Vs. Why Knowledge
- Inclusive Teaching at UT
- Honorlock Getting Started Guide for Faculty
- Best Practices in Zoom
- Zoom Deeper Dive
- Office Hours in Zoom
- Selecting the Right Camera / Microphone in Zoom
- Student Laptop Recommendations
- Classroom Response Systems
- File Sharing & Cloud Storage
How to Embed a Live Website in PowerPoint
Wondering if it is possible to directly embed a website in PowerPoint? Well you’re in luck! Using a free PowerPoint add-in, you can add an internet browser to your PowerPoint. That’s right, a full functioning Google browser added to the bottom toolbar of your PowerPoint slide show that you can open anytime to surf the web. You can browse search results, open multiple windows, bookmark pages ahead of time, and pin sites to your home page!
No more pasting links and leaving PowerPoint for a separate internet window. Let’s take a look at how you can embed a live internet browser right into PowerPoint.
1. Download PowerPoint add-in, ClassPoint
To embed a website into Microsoft PowerPoint, you need to use a free add-in, ClassPoint . PowerPoint doesn’t offer an embedded website or web viewer, but this is where add-ins come in and why they are so great!
So the first step, is to simply download ClassPoint for free. Once you do that, you will gain a toolbar full of presentation tools that enhance audience engagement & your presentation delivery including the Embedded Browser .
2. Open Embedded Browser from the Toolbar in Slide show
To access the embedded internet browser, enter presentation mode. Running across the bottom of your slides, you will find the ClassPoint toolbar. Find the Embedded Browser icon and click it to open Google! Now you can search, scroll, add tabs, and navigate the web just as you would on any internet browser!
3. Bookmark and Pin your favorite sites
Just like your default internet browser, you can bookmark your favorite websites and pin them to the home search page for quick access!
If you are prepping for a presentation or lesson and plan on visiting a website during your presentation, go into slideshow mode, paste in your link into Google, bookmark it, and then pin it. Now your site will be ready to go in just a click when you open the Embedded Browser later!
4. Insert the webpage and annotate on it
If you find an image, graph, map, etc. on a webpage that you would like to elaborate on, you can actually insert as a slide image into your PowerPoint, and annotate on it!
Next to the address bar on the top right of the internet browser, you can click insert as slide, the page you are on will be added as a slide in your presentation. Then Annotate on it with ClassPoint’s inking tools! And if you want to go back the browser, just click on the browser icon again, and your page will be there right where you left off.
If you’d like to learn more about ClassPoint’s Embedded Browser, check out this tutorial video ▶️
And, to learn more about the other presentation tools that come with ClassPoint, you can find them here. ⬇️
Examples of How Embedded Browser can be used During Presentations for Teachers
Teachers use the internet and educational websites in various ways during their lessons to enhance the learning experience for their students. Some common ways that teachers use the internet to present information during their lessons include:
1. Interactive simulations:
Some educational websites provide interactive simulations that allow students to explore and manipulate concepts in a hands-on way.
Example : A science teacher might use an interactive simulation from PhET Interactive Simulations to demonstrate how the properties of gases change as temperature and pressure are altered.
2. Infographics and data visualizations:
Many educational websites provide infographics and data visualizations to help students to better understand complex concepts or to see patterns in data.
Example : A history teacher might use an infographic from the National Archives to illustrate the causes and effects of a particular historical event.
3. Virtual field trips:
Websites such as Google Earth and Discovery Education provide virtual field trip experiences that allow students to explore and learn about different parts of the world without leaving the classroom.
Example : A social studies teacher might take their students on a virtual tour of historic sites or famous landmarks using Google Earth.
Educational websites such as YouTube and Khan Academy provide teachers with access to a wealth of instructional videos that they can use to introduce new concepts, reinforce ideas, or provide additional examples.
Example : A math teacher might use a video from Khan Academy to explain how to solve a particular type of equation.
Teachers can use the internet to find additional information, answers, or references about a topic they are teaching. If a debate needs settling, or a question is posed the internet, just like in daily life, is a great resource for lesson support.
Example : A debate arises or a question is posed during class that needs settling. The teacher can quickly open Google to search the class’s question.
6. Games and Interactive activities:
The internet provides various interactive activities such as quizzes & games that teachers can use to engage their students and make learning fun. Educational websites such as EdPuzzle or PBS Learning Media provide games and interactive activities that help students to practice and reinforce concepts they are learning in class.
Example : An English teacher might use a game from Funbrain to help students practice identifying different parts of speech.
With ClassPoint’s Embedded Browser, you can search and use the internet without leaving your presentation and breaking your flow! This convenient presentation tool can also impresses your audience. And for teachers, incorporating the types of resources above, can help make their lesson more engaging and interactive for your students!
And, if you haven’t heard of ClassPoint yet, check it out! It’s an audience engagement tool designed to improve the experience of teaching and the productivity of presenting with PowerPoint! In addition the the embedded browser, ClassPoint adds an array of tools including a random name picker , timer , and interactive audience response questions that turn your audience members into participants. ✨
About Paige Puntillo
Try classpoint for free.
All-in-one teaching and student engagement in PowerPoint.
Supercharge your PowerPoint. Start today.
400,000+ people like you use ClassPoint to boost student engagement in PowerPoint presentations.
Publish your presentation to the web
In PowerPoint 2010 and later versions, you can't directly save a presentation as a webpage. However, two possible alternatives are described below.
If this is a feature you’d like to request, please send us your feedback to help us prioritize new features in future updates. See How do I give feedback on Microsoft 365 for more information.
Save slides as Word documents, and then save as webpages
You can save an individual slide as an image in a Word document, and then save that document as an .html file.
Right-click the thumbnail of the slide you want to save, and click Copy .
In a new Word document, paste your slide (Ctrl+V). If necessary, drag to resize the slide image to fill the page.
Click File > Save As , and then choose Web Page or Web Page, Filtered .
Save a presentation to OneDrive, and then share it online (PowerPoint 2013 and newer versions)
Click File > Share > Share With People or Invite People > Save to Cloud .
Choose a location in your OneDrive folders.
Type a file name, and then click Save .
Click Share with People (PowerPoint 2016 or newer versions), add email addresses and any message you like, and then click Share .
Open the presentation or Web page that you want to publish to the web.
In the Save in list, select a path or location for the webpage on a web server.
If you want people to have access to a presentation that you published to the web, you must specify a Web server or other available computer when you choose a location for the file.
In the File name box, type a file name, or do nothing to accept the suggested file name.
Tip: If you want the published presentation to have a different name from the source file that it was published from, type a new name.
In the Save as type box, do one of the following:
Click Web Page to save your presentation as a webpage and create an associated folder that contains supporting files (such as bullets, background textures, pictures, and sounds).
Click Single File Web Page to save your presentation as a webpage that integrates all supporting information, including all linked files, into a single file.
To set the page title bar text for your webpage, click Change Title , type the title bar text in the Page title box, and then click OK .
Click Publish , and then, in the Publish as Web Page dialog box, do one or more of the following:
To specify the slides that you want to publish, under Publish what? , click an option.
To display speaker notes for a presentation, select the Display speaker notes check box.
To set additional Web page formatting and display options, click Web Options , select the options that you want, and then click OK .
To designate support for a particular browser or browser version, under Browser support , click the appropriate option.
Click Publish .
Save PowerPoint presentations as PDF files
Need more help?
Want more options.
Explore subscription benefits, browse training courses, learn how to secure your device, and more.
Microsoft 365 subscription benefits
Microsoft 365 training
Communities help you ask and answer questions, give feedback, and hear from experts with rich knowledge.
Ask the Microsoft Community
Microsoft Tech Community
Microsoft 365 Insiders
Was this information helpful?
Thank you for your feedback.
MS PowerPoint Hacks
Can You Open A Website From Within A Powerpoint Presentation (2023 Tips & Tricks)
Can you open a website from within a Powerpoint presentation? Yes, you can! You see, I recently had to present My Codeless Website to a local bank that wanted to understand the new business model I use since it is very successful.
I know presenting one’s website is a task new business owners will have to do at one time or the other. Marketing professionals would also need to present websites in their slides during performance reviews .
While web developers or designers need to do the same thing when they pitch for a new design or functionality to a potential or current client.
Despite its common practice, I also know that not everyone is tech-savvy. So let me help make your already nerve-challenging task in preparing your presentation easier by letting you in on how it’s done with these 2023 tips and tricks.
Tips To Open A Website From Within A Powerpoint Presentation
I have two basic tips to share with you. One, identify if you wish to simply place a link in the presentation going to the website or the live website itself. Also, choosing the right PowerPoint themes can enhance the visual appeal of your presentation
Two, should you opt for the latter, check if there is internet access in the venue of your presentation since it won’t work without it. Once you’ve figured these out, you could go ahead and make your presentation.
Let me now go through with you the tricks on how to add a website to a PowerPoint presentation. Starting with simply inserting the website through a link.
Tricks To Open A Website From Within A Powerpoint Presentation
As mentioned, there are several tricks I’d like to share on how you can open a website in a PowerPoint presentation. These are through inserting a link or enabling PowerPoint Add-Ins and features.
A. Open The Website Through A Link
To insert the link, do the following:
1. Create a text box on the slide where you wish the website would be linked.
2. Click the text box and go to the Insert tab of the menu.
2. Choose the “Hyperlink” icon to open the Insert Hyperlink pop-up window.
3. From the said window, choose “Existing File or Web Page.”
4. Place the website’s Universal Resource Locator (URL) or complete domain name in the “Address” field.
5. Click “OK” to complete the process. The URL will appear in the text box.
6. If you wish to change how the URL appears on the slide, go to the Home tab of the menu. Choose the font type, size, and paragraph orientation you wish to have for the URL.
7. You add an image or screenshot of the website’s homepage to accompany the text link.
8. The image may also be linked to the website. To do this, right-click the image and choose “Hyperlink.” This will open the same window where you placed the website’s URL earlier. Simply replicate the process for it.
9. Finally, go to Slide Show to view the presentation. Click the text link or image to test if it works. It should then open a web browser and load the website you linked.
B. Open The Website Through PowerPoint Add-Ins
For PowerPoint 2007 to 2016 users, follow these steps if you wish to present a live website in your presentation. This trick is a bit lengthy for you need to install LiveWeb first before you could add the live website to your presentation.
How to install LiveWeb in PowerPoint?
1. Install LiveWeb first since you need to add it as a feature of PowerPoint.
2. Once installed, search for LiveWeb.ppam on your computer since you need to know this location for PowerPoint.
3. Open PowerPoint and click the small arrow-down icon at the upper left portion of the menu, which is the third icon beside Save button. (This is called the Customizer Quick Access Toolbar.)
4. A menu will expand. Scroll down to More Commands and click it.
5. A pop-up window will open containing the PowerPoint Options. Choose the “Add-Ins” option to see the features of this tab.
6. On the “Manage” drop-down menu, choose “PowerPoint Add-Ins” and click “Go.” This will open the Add-Ins pop-up window.
7. Click “Add New” and locate the LiveWeb.ppam on your computer. Normally, this could be found in the Program Files > Shyam Pillai folder.
8. Close PowerPoint to implement the changes then open it again. You are now ready to make your presentation.
9. The “Web Page” and “Edit Page Property” icons will now appear in the Insert menu of PowerPoint. These are the icons you will use to embed the live website into your presentation.
How to use LiveWeb in PowerPoint?
1. To insert a website, go to the Insert tab of the PowerPoint menu. Click the “Web Page” icon.
2. The LiveWeb Wizard pop-up window will open to guide you on the process. Simply click the “Next” button to proceed.
3. Paste the website’s Universal Resource Locator (URL) or complete domain name in the “Add” field.
4. Click “Add” and “Next” to open the second step, which will prompt you to choose if you wish to refresh the web page automatically or not.
5. Tick the box that suits you and click “Next”.
6. Similarly choose the options or specifications you wish for the website as it will appear in your presentation in Step 3 of the Wizard before clicking “Next”.
7. Click “Finish” to insert or add the website you’ve chosen to the PowerPoint presentation.
8. A LiveWeb pop-up window will open to confirm the successful process. Simultaneously, the slide where you inserted the website will show a Windows placeholder image as confirmation of the action you did.
9. Click “OK” to close the LiveWeb pop-up window.
10. View the website by clicking on “Slide Show.” Make sure you are connected to the internet before doing so, to avoid receiving an error message when clicking the particular slide.
C. Open The Website Through PowerPoint Developer Options
Besides the two mentioned tricks, you can also add a website to your PowerPoint presentation through its Developer tab . You can do this by following these steps:
1. Open the PowerPoint Options pop-up window by doing steps 3 and 4 of B above.
2. Choose “Popular” to see its options.
3. Tick the “Show Developer tab in the Ribbon” before clicking “OK”.
4. Close PowerPoint to enable the added feature. Open it again. You will now see a “Developer” tab in your menu.
5. In the “Developer” tab, click the hammer icon (“More Controls”) to open its pop-up window.
6. Scroll down to “Microsoft Web Browser” and click “OK”.
7. A Microsoft Windows image will appear on the slide to indicate the website you wish to open.
8. Arrange the image where you wish it to be located in the slide, as well as, the size you wish it to appear. Simply click it and drag or resize it when needed.
9. Right-click the “View Code” option to open a new window, which is a “Microsoft Visual Basic”.
10. The “Microsoft Visual Basic” window will show you this string of code: “Private Sub GoBtn_Click() WebBrowser1.Navigate(‘URL’) End Sub.” Simply modify the URL with that of the actual URL of the website you wish to open in your presentation.
11. Save the code, which will prompt you to save the PowerPoint presentation. Then you are done.
12. Again, to check if it works, view it through the Slide Show.
You can now open a website from within a PowerPoint presentation by making use of the platform’s built-in, additional, or developer features. These options are unlike what is usually done before where one needs to keep open a web browser and shift to it during the website’s presentation. A live website can now be viewed in real-time in the PowerPoint presentation provided there is internet access.
Could I also open an HTML file in my PowerPoint presentation?
Yes, you could. To do this, go to the “Insert” tab of the menu and choose the “Object” icon. An “Insert Object” pop-up window will appear. Tick the “Create From File” option before clicking on the “Browse” button a little below it.
Locate the HTML file you’d like to add to your presentation from your computer and click “OK”. This will put the location of the HTML file on the space across the “Create From File” option you ticked. Do not click “Link” if you wish to embed the file in your presentation. Finish off by clicking “OK.”
What else could I embed in PowerPoint besides a website and HTML file?
There are other things you could embed in a PowerPoint presentation such as a video, pdf, blog, and audio file. To embed media files from a website into your presentation, you would need to get the embed code. Use the Embed box where you will place the embed code and click “Close” once you are done.
Got more questions? Feel free to message me anytime!
My name is Ralph de Groot. I'm the founder and author at My Codeless Website. Wake me up for a great web design. I love writing about website examples , too!
COOL WEBSITE TEMPLATES ▶
My #1 Website Builder ▶