Start Learning HTML & CSS. Here is a 5 Tips
π Start Learning HTML & CSS. Here is a 5 Tips
Courtesy of @ux.mars
β
π£ What is HTML?
β
π£ What is CSS?
β
π£ How to connect them?
β
π£ Which program you need?
β
π£ Useful links
What is HTML?
Example Explained
<!DOCTYPE html> declaration defines this document to be HTML5
<html> element is the root element of an HTML page
lang attribute defines the language of the document
<meta> element contains meta information about the document
charset attribure defines the character set used in the document
<title> element specifies a title for the document
<body> element contains the visible page content
<h1> element defines a large heading
<p> element defines a paragraph
HTML Documents
All HTML documents must start with a document type declaration : <!DOCTYPE html>
The HTML document itself begins with <html> and ends with : </html>
The visible part of the HTML document is between : <body> and ends with : </body>
What is CSS?
How to connect them?
CSS can be added to HTML elements in 3 ways :
Inline CSS
by using the style attribute in HTML elements
Internal CSS
by using a <style> element in the <head> section
External CSS
by using an external CSS file
Which program you need?
You can simple use text-editor or IDE for coding HTML and CSS.
My IDE Suggestions
NOTEPAD++ Paopli
Free to use.
Download: www.notepad-plus-plus.org
ATOM by Github
Free to use.
Download: www.atom.io
SUBLIME TEXT 3
Free to use.
Download: www.sublimetext.com
Useful Links
You can start with courses or you can learn by yourself. Itβs easy to learn.
W3Schools β Free
www.w3schools.com
Add this website to your bookmarks! You can find really simple explanations and helpful tutorials in this site.
HtmlDog β Free
www.htmldog.com
You can find tutorials, techniques, examples, and other good stuff on this website. Good to try!
Udemy β Low-prices
www.udemy.com
Just start typing HTML Course in the search area, and you will see tons of courses about web development. Pick best fits you.
Get 50+ Marketing Tools we use in Tegra π€
Follow the link π https://use.tegra.co/tools to get a list of 50+ free (or cheap) growth marketing tools that we and other growth agencies use to scale businesses like yours + growth hacking insights.