Skip to main content

Posts

Showing posts with the label css

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

DAY 2 OF 100 DAYS WEB DEVELOPMENT CHALLENGE

 Welcome to the 2 nd day of my 100 days web development challenge. So, basically this is my day 2 of learning HTML. Yesterday, I started this challenge by learning some basics about the HTML language and it's syntax. It was not very hard to understand the syntax, actually it's syntax is way easier than many other languages out there. I wrote a "Hello World" program using HTML and tried to explain the whole 10 to 11 lines of code in the last blog. You can check the  blog  and if you want to see the code it is available on my  GitHub . So, today I proceeded with the  of tag in HTML and implemented them. They are given below. Topics: HTML Headings HTML Lists HTML Headings: Headings are used to display some title or a heading in a web page.  Headings indicate the starting of a new topic or some important text. They are important as it helps the browser to search the content of a web page with the name of the heading.  There are total 6 heading tags in HTM...

DAY 1 OF 100 DAYS WEB DEVELOPMENT CHALLENGE

 Welcome to day 1 of my 100 days web development challenge. Yesterday, I announced this challenge on my blog post. It is a 100 day challenge that I have started to learn web development and improve my coding efficiency. It was a good start as I was able to understand the importance of HTML in website development and learnt some good things that I will be sharing with you all. Below are the topics I learnt today and I have tried to explain it. Table of Content: What is HTML? HTML Syntax and Explanation What is HTML? HTML stands for Hypertext Markup Language and is the standard markup language for structuring the web content. It was released in 1993. As the name suggests, Hypertext means linking one web document to another web document via creating links and Markup means to provide structure to a web page. Structure of a web page simply means where the content should be present, For example, when you open YouTube's website, you see the YouTube's logo on top-left, a long sear...

0/100 DAYS OF WEB DEVELOPMENT CHALLENGE

100 Days Web Development Challenge; Welcome to day 0 of 100 days web development challenge. Don't be confused by reading 0(zero), this is the introductory blog of my 100 days journey of learning web development. As this is an introductory blog that does not contain any code, I have indexed this blog as zero. I have decided to start this challenge because of my procrastination habit. Despite setting a clear goal of becoming a full stack web developer, I'm not enrolling myself totally in learning. And, this habit can cause me my goal of becoming a good developer.  I watched some online videos and read some articles about 100 days of code challenge. Many people started this challenge and saw some wonderful results. They were able to achieve their goals by consistently writing code for 100 days for minimum 1 hour daily. Once they were getting some results, they were exited by seeing their hard work pay off. They gradually increased their learning and coding time which seems to be v...

My First HTML Program.....

MY FIRST HTML PROGRAM....                  Hey everyone! I'm writing this blog after a long time on my blogger account. Blogger account? yes you read correctly. I use google's product blooger  to write my blogs. It is developed and maintained by google. Google allows anyone to create a bogging account on their platform and write blogs over here.                  Despite being an IT student, I'm not fully ready to make a whole website by my own. The reason behind this is, I have recently started web programming subject in my 2 nd  semester and I'm being taught the basics of web development i.e. html, css and javascript as my frontend languages. And these languages are just awesome to start learning programming with scratch. In todays session I will be talking about html. I'll also paste my code in todays blog and its output so that you'll can copy & paste and run the code on notepad,...