If you want to know how to make a beautiful webpage, the easiest and most helpful way is to view the page source of your favorite website. The source of the page contains the original HTML and CSS codes which you'll get a lot of information by reading them. Safari is an excellent browser not only because it works better on viewing webpages, but also because it can show the source of page by highlighted color syntax which will help you understand the code. Here I'll show you how to view source in Safari.
Steps - If you're using Safari on Mac
Open a website in Safari.
Find the "Develop" menu in the top menu bar.
If you can't find the "Develop" menu, it may be due to the fact that a relative setting isn't enabled. Then you need to open Preferences in "Safari" menu, select the "Advanced" tab, and tick "Show Develop menu in menu bar".
Then you'll see the "Develop" menu next to "Windows" menu. Click on the "Develop" menu and select "Show Page Source", a new window of page source will be opened.
You can also use keyboard shortcut to view the page source quickly: Cmd + Opt + U