HTML CSS

What is HTML $ CSS

HTML and CSS are like the building blocks of the Internet. With HTML, the text is made visible, and with CSS, we tell a browser how to display that text on the screen. After all, how can you have a website without HTML and CSS? Without these two technologies, you would not find yourself here at this moment reading our blog. So why not be grateful for them, right?. Find out more about:

HTML

HTML is the foundation of every web page, regardless of the site’s complexity or the number of technologies used. Any web professional should have this talent. It’s the start for anyone learning how to make web content. And fortunately for us, knowing it is surprisingly simple.

Let me demonstrate what I mean. Take a look at the following article. You’d probably do very well if I asked you to label the different content categories on the page: The header is at the top, followed by a subheader, body text, and graphics at the bottom, followed by a few more lines of text. Markup languages work the same way as they just did when you designated those content kinds, but they do so with code, specifically HTML tags, also known as “elements.” The names of these tags are relatively self-explanatory: header tags, paragraph tags, picture tags, and so on.

A collection of these HTML tags represents each sort of content on a web page. HTML tags are used to “wrap” or enclose each kind of material on the page.

You can use HTML to add headings, format paragraphs, control line breaks, create lists, emphasize text, insert images, create links, build tables, and control specific styling, among other things.

CSS

CSS stands for Cascading Style Sheets. This programming language specifies how HTML elements of websites should appear on the frontend of the page. CSS is the paint to HTML’s drywall.

CSS gives the entire website its style, whereas HTML is the essential framework of your website. Those cool colours, typefaces, and images in the background? CSS is responsible for everything. This language has a significant impact on the mood and tone of a web page, making it a powerful tool for web developers to master. It’s also how web pages adjust to various screen sizes and device types.

Take a peek at the two screenshots below to see what CSS does to a website. My colleague’s blog post is shown in Basic HTML in the first screenshot, and the identical blog post is displayed in HTML plus CSS in the second screenshot.

Example

How to build a link within a paragraph is demonstrated following an extremely simple example of a piece of HTML document. When rendered on the screen, the link text will be “final report”; when a user clicks the link, the browser will fetch the resource specified by

 “http://www.example.com/report”:

<p class=”moreinfo”>For more information see the

<a href=”http://www.example.com/report”>final report</a>.</p>

The class attribute at the start of the paragraph tag (“<p>”) is used to add style. For instance, to italicize the text of all paragraphs with a class of “moreinfo,” one could write, in CSS:

p.moreinfo { font-style: italic }