HOW TO ADD External CSS FILE @codewithpunchy

We Use External CSS file to add styles to our HTML documents using 'link' Element.

Review:
✓ What is HTML?
HTML also stands for Hyper Text Markup Language is a language of the web that focuses more on the the layout and content for a web page.
HTML is one of the building blocks for web development

✓ What are HTML Elements?
HTML Element is all the contents starting from the start tag to the end Tags. Elements are the soul, water and blood of an HTML Page. Also, HTML Elements come in pairs.

✓ What are Nested HTML Elements?
All HTML Elements include nested HTML Elements and this means that is, Elements can contain other HTML ELEMENTS.

✓ What are Empty HTML Elements?
Empty HTML Elements are elements that have no content and an end tag.

✓ What is HTML Doctype?
Doctype is not an HTML tag but an information to the browser about what document type to expect. All HTML documents must start with a doctype declaration.

✓ What are HTML Tags?
HTML tags come before and after the HTML contents. HTML Tags usually come in pairs with a start tag and end tag.

✓ What is an IDE?
Code Editor is also known as Integrated Development Environment (IDE). IDE is a potent tool we use to write, edit and debug codes. Example of Code Editors includes:
a. Sublime Text,
b. Atom,
c. Visual Studio,
d. Notepad++ ,ETC.
But for this crash course we will use Visual Studio Code Editor.

✓ What are HTML Headings?
HTML HEADINGS refer to title or subtitles that you want to display on a webpage. h1 tag defines the most important while the h6 tag defines the least important heading.

✓ What are HTML Paragraphs?
HTML Paragraphs always start from a new line and browsers automatically add some white space (also known as margin) before and after a paragraph.

✓ What are Div Tags?
HTML Div Tag defines a division or a section in an HTML document. Div Tag is used as a container for HTML Elements.

✓ What are HTML Attributes?
HTML attributes provide additional information about HTML Elements and are always specified in the start tag.

✓ What are HTML src attribute?

The IMG tag is used to embed an image in an HTML page. the src attribute specifies the path to the image to be displayed.

✓ what is HTML Style Attribute?
The style attribute is used to add styles to an element, such as color, font, size and more.

✓ What are HTML Classes?
HTML Class is an attribute often used to point to a class name in a style.

✓ What are HTML Comments?
HTML Comments are not displayed in the browser but can help document your HTML source code.

✓ Introduction to CSS
CSS stands for Hyper Text Markup Language. it's describe how HTML Elements should be displayed.

✓ What are CSS Comments?
CSS comment are ignored by browsers and can be used as notification and reminder in our project

WATCH ALL VIDEOS HERE:

CodewithPunchy is an arm under PUNCHY GLOBAL MEDIA. Punchy Global Media is a charity based -private organization that aim to impact the youths and reshape the minds of the young-adults.