CSS and HTML are scripting languages that are used in the creation of web applications and web pages. The HTML defines the web page's structure, and the CSS controls the style of the web page.
What is HTML?
HTML is also known as Hypertext Markup Language. It defines the skeleton or the structure of the document/page using attributes, tags, and elements. The structural elements are provided in headings, lists, and paragraphs.
The term "Hypertext" is the same as a hyperlink. The set of instructions that directs the software browser to manage and display the web page is known as markup language. The directions are in the form of tags, and the function of the tag is to format the text, display the graphics, and reference the hyperlinks.
Examples of HTML Features
• Hypertext markup language has 100 built-in tags, and developers only need to learn a handful for daily use. HTML is user-friendly and platform-independent.
• Developers can add audio, images, and videos to a web page using HTML. The investment in HTML scripting language is low, and the return is high.
Example
Now let us look at a simple example of an HTML heading tag.
<h1> Welcome </h1>
The h1 denotes the start of the tag, followed by the content, ending with the closing tag. In HTML, the tags are surrounded by the content.
What is CSS?
This scripting language was proposed by Hakom Lie and created in 1996 by Bert Bos. CSS is referred to as Cascading Style Sheet. It is a simple language designed to provide websites with style.
Examples of CSS Features
• The HTML elements are displayed using the cascading style sheet. CSS helps developers save a lot of work because more than one web page can be controlled simultaneously.
• HTML contains tags to describe the content of the webpage. Developing large websites requires the developers to add color and font information on all pages of the websites. This is achieved using the CSS, as the style definitions are saved with a .css extension.
• Separating content from the design boosts accessibility, programming flexibility, and readability for the developer.
Example
Now let us take a look at a simple example.
h1{
color: Red;
font-size:24px;
}
This style is applied to a heading tag. The "h1" denotes the selector, followed by the property and value to design the heading tag. The developer set the color of the heading as red and the size of the heading as 24 pixels.
Want to learn more about HTML and CSS? Check out this video on using HTML and CSS to build a website and learn more about opportunities to develop your skills.
Basics of HTML and CSS Photo by Growtika Developer Marketing Agency on Unsplash