Phase 1 HTML Don't spend months here. Learn enough to create a webpage without copying a template. Learn: html head body h1-h6 p div span a img ul / ol / li table form input textarea select button label Also understand: attributes id class forms links images semantic HTML Practice project #1 Build: Simple Airbnb Listing Page Example:
When writing HTML, you may want to leave notes for yourself or other developers.
Explaining what a section of code does Providing context for other developers Leaving reminders Making code easier to understand and maintain
Although comments don't appear on the rendered webpage, they are still present in the HTML source sent to the browser.
To view the source of a webpage: Open the webpage in your browser. Right-click anywhere on the page. Select View Page Source.
Don't put passwords, API keys, private information, or secrets inside HTML comments.
The comment isn't visible on the webpage, but it can still be seen in the page source.
Task Open the provided HTML page. Find the paragraph tag. Add an HTML comment below the paragraph tag.
For example: Save the HTML file. Open the rendered webpage in your browser. Right-click the page and select View Page Source. Find the comment you added.
The browser doesn't display the comment, but the comment is still present in the source.
Tags are fundamental building block of HTML file which tell browser how webpage should appear and behave.
Only Information browser is getting from remote computer is a text document but it has to construct UI which might have favicon,title,animations,layout,colors etc.
So we need to deliver a lot of information like what is animation/colors/content/font-size,font-family,font-type/link & where link is pointing to ?
You’ll begin by creating a simple web page using HTML. You can write and edit your code directly in the code editor provided on this page.
That’s it. You’ve just created your first HTML element with the correct content.
In the next few tasks, we’ll build an HTML5 CatPhotoApp step-by-step, adding new elements and features as we go.
The h1 element is generally used for the main heading, while h2 is commonly used for subheadings.
The element, also called the anchor element, is used to create hyperlinks in HTML.