Posts

Showing posts from September, 2024

XHTML (Extensible Hypertext Markup Language).

Image
XHTML is a more stringent version of HTML, which is based on XML (Extensible Markup Language). Unlike HTML, which allows some flexibility in how tags are written, XHTML has stricter syntax rules that make it more compatible with modern web technologies and XML-based tools. Key Features of XHTML XML Compliance: XHTML is based on XML, meaning it follows stricter rules and is case-sensitive. Every tag and attribute in XHTML must be written in lowercase, and all elements must be properly closed. Well-formed Structure: In XHTML, all tags must be properly nested and closed. For example, <br /> (line break) must always be self-closing, unlike HTML where <br> is acceptable without the /. Document Structure: XHTML follows a stricter, well-formed structure, where you need to properly define the DOCTYPE declaration at the beginning and always close your tags properly. Use of Attributes: In XHTML, all attributes must have values enclosed in double quotes (" "). For example, i...
Post a Comment
Read more

Basics of HTML

  Getting Started with HTML: Essential Elements and Examples HTML (Hypertext Markup Language) is the foundation of web development. It provides the structure and layout of web pages and helps to define elements like headings, paragraphs, links, and images. In this blog post, we’ll explore the essential HTML elements with example code to help you start building your own web pages. 1. Basic Structure of an HTML Document Every HTML document has a standard structure, beginning with the <!DOCTYPE html> declaration and followed by html , head , and body tags. Here’s the basic structure of an HTML file: <!DOCTYPE html> <html> <head>     <title>My First Web Page</title> </head> <body>     <h1>Welcome to HTML Basics</h1>     <p>This is a paragraph on my first webpage.</p> </body> </html> <!DOCTYPE html> : Declares the document type as HTML5. <html> : The root eleme...
Post a Comment
Read more

Summary of HTML tags

✅ Basic HTML Structure Tags Tag Description <!DOCTYPE html> Declares the document type (HTML5). <html> Root element of an HTML page. <head> Contains meta information about the document. <title> Sets the title of the document (shown in browser tab). <body> Contains the content displayed on the web page. 📢 Text Formatting Tags Tag Description <h1> to <h6> Headings from largest ( <h1> ) to smallest ( <h6> ). <p> Paragraph of text. <br> Line break (no closing tag). <hr> Horizontal rule (divider line). <strong> Bold text (semantic emphasis). <em> Italic text (emphasized). <b> Bold text (visual only). <i> Italic text (visual only). <u> Underlined text. 🔗 Links and Media Tags Tag Description <a> Hyperlink ( href attribute used). <img> Displays an image ( src , alt ). <video> Embeds a video. <audio> Embeds audio. 🧾 List Tags Tag Description <ul> Unordered (bu...
Post a Comment
Read more

Basics of CSS

  Introduction to CSS: Styling the Web CSS (Cascading Style Sheets) is a styling language used to describe the look and formatting of HTML documents. With CSS, we can control the layout, colors, fonts, spacing, and more, making our websites attractive and user-friendly. Key Concepts in CSS Selectors : CSS selectors target HTML elements to apply specific styles. Properties and Values : Each CSS rule consists of a property (like color or font-size) and a value. CSS Syntax : Basic CSS syntax involves a selector, followed by curly braces {} , containing property-value pairs. CSS Syntax A CSS rule has the following syntax: selector {     property: value; } For example: h1 {     color: blue;     font-size: 24px; } Basic Elements of CSS 1. Selectors CSS selectors allow us to target HTML elements. Element Selector : Targets all elements of a specific type. p {     color: green; } Class Selector : Targets elements with a specific class attribute (use...
Post a Comment
Read more

Basics of JavaScript

 JavaScript is a powerful, versatile language used for adding interactivity to websites. If you're just starting with web development, JavaScript is an essential tool in your toolkit. In this post, we’ll cover the basics of JavaScript, including how to add JavaScript to your HTML, basic syntax, variables, data types, functions, and event handling. 1. Adding JavaScript to Your HTML You can add JavaScript directly into your HTML file. The simplest way is by using the <script> tag. <!DOCTYPE html> <html> <head>     <title>JavaScript Basics</title> </head> <body>     <h1>Hello, World!</h1>     <script>         alert("Welcome to JavaScript!");     </script> </body> </html> In this example, the alert() function will display a pop-up message saying "Welcome to JavaScript!" as soon as the page loads. This method is great for testing simple script...
Post a Comment
Read more