Skip to main content

Posts

Showing posts with the label frontend development

11/100: Selectors in CSS

 Welcome to the 11 th day of 100 days web development challenge. Today is my 3 rd day of learning CSS for web development.  Using CSS feels like I have more control over the look and feel of my HTML documents. And honestly speaking, it is fun learning CSS because I'm able to change the color and position of my texts and paragraphs.  Today I learnt about "selectors" in CSS and wrote 5 HTML files that are styled using different types of selectors and uploaded those files on my  GitHub . Topics: What is Selector in CSS? Types of Selectors in CSS: Id Selector Element Selector Class Selector Universal Selector Grouping Selector What is Selector in CSS? A selector is an HTML tag at which style will be applied. This could be any HTML tag like <h1>, <p>, <table> etc. CSS selectors are used to "find" or as it's name suggests to "select" the HTML element that we want to give style to. To style, we first write the selector that is the name...

10/100 : Constructing Style Rule in CSS (Syntax of CSS)

 Welcome to day 10 of my 100 days web development challenge. Yesterday, I started with CSS which is used for styling html documents. I learnt the what , why and how of CSS and you can check it  here . Today, I learnt the following. Topic: Syntax of CSS 3 Parts of CSS Style Rule Syntax of CSS: An embedded style sheet consists of an opening and closing <style></style> tag which is placed between the <head> section of the HTML page. When we use CSS for styling an HTML element, the style rule begins with the name of that element. For example: if you are creating a rule that will apply to all instances of the <h1> tag, then start the rule with h1. < style >         h1     </ style > No brackets are necessary around h1 because it's already enclosed in the <style> tag. A CSS compromises of style rules that are interpreted by the browser and then applied to the corresponding elements in the HTML document. 3...

9/100: Getting Started with CSS(Cascading Style Sheets).

 Hey, welcome to my blog, this is my Day 9 of 100 Days Web Development Challenge. I started this challenge for myself on 6 th October 2023, Friday. My aim for this challenge is to learn the fundamentals of web development i.e. HTML, CSS and JavaScript. I had planned to give 7 to 8 days for learning HTML and guess what, I did it. I learnt the basics of html like: headings, lists, internal and external linking, tables, forms, navigation bar, formatting tags, and adding images. And my journey of learning html is completed. But It's not like I have mastered the language and I know all the topics of html, I'll learn new topics if required in the future. Now, I'm good to move forward. From today I have started learning Cascading Style Sheets (CSS). Learning CSS is the next step for learning web development. I have discussed below about my todays learning. Topics: What is CSS? Why to use CSS? How to use CSS? What is CSS? CSS stands for Cascading Style Sheets. It is a styling lang...

8/100: Creating Forms in HTML

 Hey there, today is my last day of learning HTML and today I learnt about input forms. I have discussed about form element in this blog ahead. To give you a full insight of what did I learn in html in last 7 days, I have prepared a table. Learnings till now in HTML    Days    Topics Code Link Blog Link     Day 1      Syntax     Syntax      Blog     Day 2      Headings and      Lists     Headings     Lists     Blog     Day 3      Formatting Tags     Formatting      Blog     Day 4      Images     Images      Blog     Day 5      Tables     Table      Blog     Day 6      Anchor Tag     Anchor      Blog     Day 7      Navigatio...

Day 5 of 100 Days Web Development Challenge

Welcome, this is the 5 th day of my 100 days web development challenge. This blog is about what I learnt today, and I have tried to explain it below. Before moving towards today's learnings, lets first look at what i have learnt in last 4 days. Learnings till now in HTML    Days    Topics Code Link Blog Link     Day 1      Syntax     Syntax      Blog     Day 2      Headings and      Lists     Headings     Lists     Blog     Day 3      Formatting Tags     Formatting      Blog     Day 4      Images     Images      Blog Topic: Tables in HTML <thead> tag <tbody> tag Tables in HTML: Tables are used to store and display data in a presentable format. To make a table like above in html, we use the <table> tag. In table, the data is stored i...

Day 3 of 100 Days Web Development Challenge

Welcome to the 3 rd day of my 100 days web development challenge. It's my day 3 in learning HTML continuously without any day-off and honestly it has been an amazing journey. Yesterday, I learnt about the heading tags and list tags which were pretty simple to understand and quite useful.  Today, I learnt many text formatting tags in html which are useful in changing the appearance of texts written in a web page. Formatting the texts also helps in showcasing their importance and indicate changes. So in this blog I have discussed those formatting tags and tried to explain them. I have also uploaded all the code to my  GitHub  profile. Table of Content: <b> tag <i> tag <u> tag <em> tag <small> tag <big> tag <strong> tag <sub> tag <sup> tag <s> or <strike> tag <br> tag <b> tag: The <b> tag is used to give a bold look to a text or a paragraph. It has both opening and closing tag. To make a tex...