These are the core building blocks of any site. HTML dictates a site’s organization and content. CSS comprises the code for every graphic element—from backgrounds to fonts—that make up the look and feel of a website.
HTML is short for HyperText Markup Language. HTML is used to create electronic documents (called pages) that are displayed on the World Wide Web.Each page contains a series of connections to other pages called hyperlinks. Every web page we see on the Internet is written using one version of HTML code or another.
HTML code ensures the proper formatting of text and images so that your Internet browser may display them as they are intended to look. Without HTML, a browser would not know how to display text as elements or load images or other elements. HTML also provides a basic structure of the page, upon which Cascading Style Sheets are overlaid to change its appearance. One could think of HTML as the bones (structure) of a web page, and CSS as its skin (appearance).
HTML is most commonly used as the format of the online documents we call web pages. When create a set of complete HTML documents having a similar look and feel and linking to one another, this is referred to as a website.
Besides creating complete web pages, you may also use HTML code fragments to create specific elements within an existing page. For example, some blogs and discussion boards allow you to include HTML formatting in your posts or comments, enabling you to add emphasis to key words, embed links, create bulleted lists, or use whichever other HTML elements are permitted by the website’s administrators. If you are a content contributor for your organization’s website, the website designer may have set up a content management system that lets you add articles or page sections within a larger, existing HTML page structure that controls page layout and site navigation.
HTML is also used as the document format of offline (stored on your computer) help and documentation bundled with the applications installed on your computer. When you activate an application’s help, typically via its “Help” menu or a question mark icon, the help content may appear within your web browser or a specialized help viewer.
Email also uses HTML as the format of rich text messages that include links, stylized text, tables, and other elements that cannot be represented in plain text. However, most email applications do not allow you to edit the HTML directly, instead providing you with tools to create elements and generating the corresponding HTML internally.
CSS is an extremely powerful style sheet language which is used to control the look and feel of the content written in HTML. CSS, or cascading style sheets, allows to specify styles for the visual elements of our website.we would use CSS to control the look of our element.
CSS is a language that describes the style of an HTML document.CSS describes how HTML elements should be displayed.
Use of CSS is the recommended way of defining how HTML pages are displayed. You should use HTML to define the basic structure (using elements such as <h1>, <p>, <li>, etc.) and CSS to define how these elements should appear (e.g. heading should be in bold Arial font, paragraphs should be indented, etc.).It is much easier to maintain the appearance of a Web site.
The key to a user-friendly website is a speedy load time. Since using less code in CSS than you would be in HTML (remember, you only have to set the style for each unique element one time), your pages will load faster for users.
Because we are able to keep every visual aspect of the website completely separated from the content, using CSS when designing our websites allows us to quickly create layouts, and troubleshoot any problems. We know that regardless of the page, we control all elements from one (or several) stylesheet.
Since rules are only downloaded once by the browser, then are cached and used for each page load, the use of CSS can lead to lighter page loads, and improved performance. This contributes to lighter server load and lower requirements, which overall saves money for our clients.
With CSS, we are able to create rules, and apply those rules to many elements within the website. This approach offers many advantages when site-wide changes are required by a client. Since the content is completely separated from the design, we can make those changes in our Style Sheet and have it effect every applicable instance.