There are three ways to add JavaScript to an HTML document. This chapter covers all three — and explains when to use each. Overview of Methods Method Description Recommended? External File Link to a .js file with <script src=”…”> ✅ Best practice Internal (Embedded) Write JS inside <script> tags in HTML ✅ For page-specific code…
2 – How to add JavaScript 1. How to Embed JavaScript in HTML Head Section 2. How to Embed JavaScript in HTML Body Section 3. How to Link External JavaScript File 4. How to Add Event Listener Instead of Inline Handler 5. How to Place JavaScript Before Closing Body Tag 6. How to Add Multiple…
3. HowTo Basic Selectors 1. How to Target All Paragraphs Steps: 2. How to Highlight Specific Text with Class Steps: 3. How to Style a Unique Page Title Steps: 4. How to Reset All Default Browser Styles Steps: 5. How to Style Multiple Elements with Same Class Steps: 6. How to Create Unique Header Styles…
CSS units are used to specify various properties like width, height, margin, padding, font-size, and more. Choosing the right unit is essential for creating responsive and accessible designs. Overview of CSS Units Category Units Description Absolute px, cm, mm, in, pt, pc Fixed size, not responsive Relative (font) em, rem, ex, ch, lh, rlh Relative…
3. Branching and Merging: Managing Parallel Development Branching is Git’s most powerful feature for collaborative and experimental development, allowing parallel workstreams. 3a Understanding Branches What are branches? Imagine you have a big project, like building a house. Instead of having everyone work on the same foundation, branches let you create separate workspaces where different people…
3b Basic Branch Commands Listing All Local Branches Creating New Branches Switching Between Branches Merging Branches Deleting Branches git branch -d [branch-name]Safely deletes a local branch: git branch -D [branch-name]Force deletes a local branch (even if not merged): Deleting Remote Branches git push origin –delete [branch-name]Deletes a remote branch: Advanced Branch Operations Creating and switching…
3c Resolving Merge Conflicts Understanding What Causes Conflicts Merge conflicts occur when Git cannot automatically merge changes from two different branches because the same lines of code have been modified in both branches. This typically happens when: Identifying Conflict Markers When Git encounters a conflict, it inserts special markers in the conflicted file: The markers…
3. How-To Guides for HTML Headings ✅ 1. How to Create a Proper Document Outline with HTML Headings Goal: Teach correct heading hierarchy structure Steps: Example: ✅ 2. How to Add Anchor Links Using Heading IDs Goal: Demonstrate internal page navigation with heading anchors Steps: Example: ✅ 3. How to Style Headings with CSS Classes…
Headings are essential for structuring your web content. They create a clear hierarchy that helps both users and search engines understand the organization of your page. All Heading Levels HTML provides six levels of headings, from <h1> (most important) to <h6> (least important): Key Rules for Using Headings Rule Explanation Start with <h1> Always begin…
Chapter 3 – Basic Mediaa. Images (img)The img element is a crucial HTML element used to embed images into web pages. It’s an empty element, meaning it doesn’t have a closing tag, and its content is specified through various attributes.1. img Basic Syntax2. img Essential Attributes src (Source)The src attribute specifies the path to the…
We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.
