HTML Checklist Flashcards
All the Essential Concepts on HTML
Do you know why HTML is called a Markup language?
Hypertext means machine readable text and Markup means to structure it in a specific format.
Therefore HTML is called hypertext markup language, because it is a language that allows users to organize, improve the appearance of, and link text with data on the internet.
Do you know the relationship between your computer, browser and HTML?
HTML files are text files that instruct the browser on how to display text and images in a web page.
The computer stores HTML files.
Browsers are used to request and display the HTML files we stored on our computer. Browsers receiving the HTML code have a standard to convert the code into something visual on the browser.
Do you know what opening and closing tags are in HTML?
An opening tag begins a section of page content. The closing tag always comes after the content of the tag. It is how the browser knows that you want the tag to end.
Example : To markup a section of text as a paragraph, you would open the paragraph with an opening paragraph tag <p> and close it with a closing paragraph tag </p> (closing tags always proceed the element with a /).
Do you know why some HTML elements do not need closing tags?
Elements that do not contain any content in them (also known as, void elements) do not need closing tags. Meaning, there is no need to have a closing because there is no content that can be put between the start tag and the end tag.
Example : self-closing HTML tags: <br></br>, <hr>, <img></img>, <input></input>, <link></link>
Do you know the difference between an HTML element and HTML attribute?
HTML element holds the opening and closing tags, content and attributes too. HTML attributes are used to describe the characteristic of an HTML element in detail. HTML attributes are found only in the starting tag.
Do you know the contents of the basic skeleton (boilerplate) of every web page?
The basic HTML skeleton is the set of tags required of every HTML web page you build.
<html> is the root of the html document which is used to specify that the html has started.
<head> contains all the additional informative elements of the html document.
<title> is used to define the title of the html document. This gets displayed on the tab
<body> is used to define the main content of the html document.
</body></title></head></html>
Do you know what !DOCTYPE is in HTML?
It is not an HTML tag, but it is just an instruction for your browser to tell what version of HTML your document is using.
Do you know the most commonly used structural tags?
These are the most common structural HTML tags: <header>, <nav>, <section>, <div>, <h1>, <h2> <h3> , <h4> , <h5> , <h6>, <a>, <p>, <br></br>, <hr> , <footer></a>
Do you know the most commonly used HTML elements within the form tag?
The most common ones are: <input></input>, <textarea>, <button>, <label></label></button></textarea>
Do you know how to comment out your HTML code and remove the comment in VSC?
Commenting in HTML allows developers to leave notes about their code, its functionality or to indicate necessary changes for the future.
To comment out in HTML, insert information between <!-- and --> tags (browsers won’t show these notes). Aslo, you can comment in VSC using the Ctrl + / shortcut.
Do you know how to use the <img></img> tag?
The <img></img> tag is used to embed an image in an HTML page. Images are not technically inserted into a web page; images are linked to web pages. The <img></img> tag creates a holding space for the referenced image. The <img></img> tag has two required attributes: src which specifies the path to the image and alt which specifies an alternate text for the image, if the image for some reason cannot be displayed.
Note: Always specify the width and height of an image. If width and height are not specified, the page might flicker while the image loads.
Example : How to insert images from another folder or from another web site:
<img></img>
<img></img>
Do you know how to use the anchor <a> tag?</a>
The <a> tag defines a hyperlink, which is used to link from one page to another. The most important attribute of the <a> element is the href attribute, which indicates the link’s destination
Example : <a>Visit Evangadi.com!</a></a></a>
Do you know how to open your HTML file in a live server/default browser using VSC?
First, open your HTML file in VS Code and right click on it, then select “open with browser “
Do you understand the different uses between iframe and video tag?
A Video element allows you to add media to your event page by pasting the HTML embed code or a YouTube or Vimeo URL link.
An iframe element, short for inline frame, is an HTML element that allows an external webpage to be embedded in an HTML document. There are no options to hide controls or loop iframes.
Do you know the most common way to group a set of related items in a list in HTML?
We use unordered list (with bullet points by default) or <ul> and ordered list (with numbers) <ol> tags. In both cases, we use list <li> tags to list each item.
