Skip to main content

Posts

Showing posts with the label html

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...

7/100: Creating Navigation Bar using

Welcome to day 7 of my 100 days web development challenge. In the last one week, I have learnt and coded some important topics of html. Now, I have a basic understanding of HTML and HTML5. Tomorrow is my last day to learn some interesting and important topics in HTML, and after that I will stop learning html and start with CSS. Have a look at my progress in last one week. 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     Da...

6/100: Creating links in html page with anchor tag.

Hey there, welcome to my blog. This is the 6 th day of my 100 days web development challenge. I started this challenge last week because of my aim to become a web developer. In this 100 days challenge I'm focusing on learning the basics of web development i.e. html, css and javascript. And I'm also documenting my learnings in the form of blogs and by uploading code daily to my GitHub account. Today I learnt about the anchor tag which is very important in html and is used very often. You can get all the html programs on my  GitHub .But, before sharing about today's learnings, have a look at what I learned till now. 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 Ta...