Skip to main content

Posts

TYPES OF CSS

We can write a CSS 3 ways in HTML  ðŸ‘‰ Inline CSS: Description: Applied directly within HTML tags using the style attribute. Use Case: Ideal for small-scale styling adjustments on specific elements. Example:          <p style="color:blue; font-size 16px;"> This is Inline css </p>   ðŸ‘‰Internal or Embedded CSS: Description: Placed within the <style> tags in the HTML <head> section. Use Case: Suited for styling a specific webpage; allows for a balance between specificity and reusability. Example: <head> <style> h1{color:green;} p{font-size: 16px;} </style> </head>  ðŸ‘‰External CSS: Description: Defined in a separate CSS file and linked to HTML using the <link> tag. Use Case: Promotes reusability across multiple pages; facilitates a centralized approach to styling. Example (HTML): <head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
Post a Comment
Read more
Recent posts

What is CSS (Cascading Style Sheet)

Cascading Style Sheets (CSS): In the dynamic world of web development, HTML (Hypertext Markup Language) serves as the foundation, laying out the structure of a webpage. However, for a webpage to captivate its audience with visually appealing designs and layouts, it requires the artistic touch of CSS, or Cascading Style Sheets. 👉Defining CSS: CSS is a style sheet language used to describe the presentation of a document written in HTML or XML. It enables web developers to control the visual aspects of a webpage, such as colors, fonts, spacing, and positioning, without altering the underlying structure defined by HTML. The term "Cascading" in CSS refers to the order of priority the styles are applied, allowing for flexibility and consistency. 👉Separation of Concerns: One of the key principles of web development is the separation of concerns, and CSS plays a crucial role in achieving this. While HTML focuses on the structure and content of a webpage, CSS handles the aesthetics
Post a Comment
Read more

HTML File Paths

 HTML  FILE PATHS In HTML, file paths are used to specify the location of external files, such as images, stylesheets, scripts, and other HTML documents. There are three types of file paths commonly used: 1. **Relative Paths**: Relative paths specify the location of a file relative to the current document. They are defined based on the directory structure of the website. Relative paths can be categorized into two types:    - **Relative Paths without a leading slash**: These paths are relative to the current directory. For example, if your current file is located at `example.com/index.html` and you want to link to an image located in the same directory, you would use `image.jpg` as the path: `<img src="image.jpg">`.    - **Relative Paths with a leading slash**: These paths are relative to the root directory of the website. For example, if your current file is located at `example.com/blog/index.html` and you want to link to a stylesheet located in the root directory, you
Post a Comment
Read more

Forms Tag in HTML

Forms tag in HTML 👉 The forms tag is used to create an HTML form for user input.. 👉 In this Blog i will show you how to create a form and its tags, attributes. 👉 Let's Start Firstly we  create a form start with <form> tag </form> <form action=" serverlink " method="POST" autocomplete="off"> <fieldset >  <legend> Registration form</legend> Note: Firstly we create a Label tag  <label for="fname" class="fname"> First Name </label> </br> 👉We use input type ="text" for  get a user information in text. like name address, and other info.           <input type="text" name="fname" id="fname"> </br> </br> <label for="lname"> Last Name </label></br> <input type="text" name="lname" id="lname"> </br> </br> 👉     When we want a user email id so we
Post a Comment
Read more