HTML & CSS Free Material

• What is HTML & CSS

HTML (Hypertext Mark-up Language) and CSS (Cascading Style Sheets) are two of the centre advancements for building Web pages. HTML gives the design of the page, CSS the (visual and aural) format, for an assortment of gadgets. Alongside designs and scripting, HTML and CSS are the premise of building Web pages and Web Applications. 

HTML is a variation of HTML that utilizes the punctuation of XML, the Extensible Mark-up Language. XHTML has overall similar components (for sections, and so forth) as the HTML variation, however the language structure is marginally unique. Since XHTML is a XML application, you can utilize other XML apparatuses with it, (for example, XSLT, a language for changing XML content). HTML is the language for depicting the design of Web pages. HTML gives creators the way to: 

• Distribute online archives with headings, text, tables, records, photographs, and so forth 
• Incorporate spread-sheets, video cuts, sound clasps, and different applications straightforwardly in their reports.
• With HTML, creators depict the construction of pages utilizing mark-up. The components of the language mark bits of substance, for example, “passage,” “list,” “table, etc. 

CSS is the language for portraying the introduction of Web pages, including tones, design, and text styles. It permits one to adjust the introduction to various sorts of gadgets, for example, huge screens, little screens, or printers. CSS is independent of HTML and can be utilized with any XML-based mark-up language. The division of HTML from CSS makes it simpler to look after destinations, share templates across pages, and tailor pages to various conditions. This is alluded to as the detachment of construction (or: substance) from introduction.

• Why use HTML & CSS

HTML represents Hypertext Mark-up Language. Consider HTML the skeleton of the record. The HTML is the thing that offers design to the site. This is done through labels, components, and characteristics. Regardless of whether you need headings, records, pictures, or connections, HTML can do the entirety of that. Without CSS, your sites would look rather exhausting, dull, and, might we venture to state, stripped. In CSS, there is a property and a worth. Property is the quality you need to change; esteem is the measure of progress. Another way that we can actualize CSS is by utilizing the textual style family property. This is something very similar as utilizing a word processor to change the textual style. Another way that we can actualize CSS is by utilizing the text style family property. This is something very similar as utilizing a content manager to change the text style. CSS represents Cascading Style Sheets and it is utilized to style web archives. It is utilized to give the foundation tone and is likewise utilized for styling. It can likewise be utilized to style the textual style and change its size. We can likewise style various site pages with similar determinations by the assistance of CSS. 

• Important Materials

1. E-books

TML & CSS Crash Course: Learn html and css with easy to follow-step-by-step tutorials by David McMahon –

https://drive.google.com/file/d/1nqoKUQnaSqv8ZRppB765149O2yN1Mk0b/view?usp=sharing

Html & Css by Jon Duckett – 

http://wtf.tw/ref/duckett.pdf

Learn HTML and CSS with w3schools –

https://drive.google.com/file/d/1d71h98-r7lrK_5qpMntUi1xYj1E48aX5/view?usp=sharing

Web Design with HTML and CSS –

https://stevebraysduis.files.wordpress.com/2014/02/web-design-with-html-and-css-digital-classroom.pdf

Beginning HTML and CSS by Rob Larsen –

https://drive.google.com/file/d/1cM97uNYhHUPE8c1SuaDn_llbczSfLLuC/view?usp=sharing

• Videos

• Learn HTML &CSS from scratrch – https://youtu.be/mU6anWqZJcc
• Learn HTML &CSS in 60 minutes – https://youtu.be/-G7bJVAIiEI
• HTML &CSS step by step  – https://youtu.be/uyaV_EWWRmo
• HTML tutorials for beginners – https://youtu.be/qz0aGYrrlhU
• How to write better HTML & CSS – https://youtu.be/xE7VOZbHhFY

4. Tips for HTML & CSS

Both these languages are widely used for developing the front end of web applications. HTML and CSS are not considered as programming languages because they are neither compiled nor interpreted. Being a learner below are some tips to help you out to get started with HTML and CSS:

1. Keyboard Shortcut: HTML and CSS are not programming languages hence users need to perform hit and trial methods to check the changes for which learning keyboard shortcuts according to the IDE can be used to save a lot of time.
2. Optimizing the environment: HTML and CSS have predefined tags while designing complex UI applications it’s difficult to get back to the tags. Optimizing the IDE can help you in this one. Example is using Vim, Sublime editor.
3. Semantic Coding: It is always suggested to follow semantic order while coding as it keeps the code clean and readable. It is useful when nested HTML or CSS tags are used.
4. Browser’s developer tools: Using browser developers tools for HTML and CSS are one of the best tools for learning since you can edit and see your code in real time.
5. Resources: Keeping a track of all the tags in HTML and CSS is not very easy, you need to follow certain methods to remember it using different techniques. Getting started with free learning resources to start HTML and CSS is a good choice.