WE CREATE BRANDS PEOPLE L♥VE
Share

Start Learning HTML & CSS. Here is a 5 Tips


Tegra - July 5, 2020 - 0 comments

Start Learning HTML & CSS.

💎 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?

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>

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?

What is CSS?

How to connect them?  CSS can be added to HTML elements in 3 ways : 
1. Inline CSS 
by using the style attribute in HTML elements 
2. Internal CSS by using a ',style> element in the .head> section 
3. External CSS 
by using an external CSS file 
< > rel="stylesheet" href="styles.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

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 into 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 stuffs in this website. Good to try!  Udemy -  Low-prices 
www.udemy.com 
Just start typing HTML Course in search area, and you will see tons of courses about web development. Pick best fits to you.

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.

Related posts

Leave a Reply