1.
Features/Characteristics of HTML5
- Semantic elements (e.g., <header>, <footer>)
- Audio and video support (<audio>, <video>)
- Local storage (localStorage, sessionStorage)
- New form controls (e.g., <datalist>, <date>)
- Canvas and SVG support
- Mobile-friendly & responsive
- Geolocation API
2. Advantages and Disadvantages of HTML/HTML5
Advantages:
- Simple to learn and use
- Platform-independent
- Multimedia support
- Improved semantics in HTML5
- Offline storage (HTML5)
Disadvantages:
- Static content (needs CSS/JS for dynamic pages)
- Browser compatibility issues
- Limited security
3. Basic HTML Tags with Examples
Example:
<!DOCTYPE html>
<html>
<head><title>Example</title></head>
<body>
<h1>Main Heading</h1>
<p>This is a paragraph.</p>
<a href="https://example.com">Link</a>
</body>
</html>
4. Structure of HTML and Presentation Elements
Structure:
<!DOCTYPE html>
<html>
<head> ... </head>
<body> ... </body>
</html>
Presentation Elements: <b>, <i>, <u>, <mark>, <small>, <strong>, <em>, etc.
5. Types of Lists in HTML
- Ordered List <ol>: Steps or rankings.
- Unordered List <ul>: General items.
- Description List <dl>: Terms and definitions.
Example:
<ol><li>Step 1</li><li>Step 2</li></ol>
<ul><li>Milk</li><li>Bread</li></ul>
<dl><dt>HTML</dt><dd>Hypertext Markup Language</dd></dl>
6. Tables in HTML
Tags: <table>, <tr>, <td>, <th>, <thead>, <tbody>, <tfoot>
Example:
<table border="1">
<tr><th>Name</th><th>Age</th></tr>
<tr><td>John</td><td>30</td></tr>
</table>
7. Frames in HTML (Not supported in HTML5)
Example:
<frameset cols="50%,50%">
<frame src="left.html">
<frame src="right.html">
</frameset>
8. Forms in HTML
Example:
<form action="submit.php" method="post">
Name: <input type="text" name="name"><br>
<input type="submit" value="Submit">
</form>
9. What is CSS & Features of CSS3
CSS = Cascading Style Sheets
Features:
- Media queries
- Flexbox and Grid layout
- Animations and transitions
- Rounded corners and shadows
10. Different Levels of CSS
- Inline: <p style="color: red;">Text</p>
- Internal: <style> p { color: blue; } </style>
- External: <link rel="stylesheet" href="style.css">
11. Advantages and Disadvantages of CSS3
Advantages:
- Cleaner HTML
- Easier maintenance
- Better formatting & control
Disadvantages:
- Browser compatibility
- No logic or interactivity
12. <span> and <div> Tags
<div style="color: red;">This is a block</div>
<p>This is <span style="color: blue;">inline</span> text.</p>
13. What is JavaScript?
JavaScript is a scripting language for interactivity.
Features:
- Interpreted and dynamic
- Client-side
- OOP and functional styles
14. Ways to Use <script>
- Inline: <script>alert("Hello");</script>
- Internal:
<script>
function greet() { alert("Hi!"); }
</script>
- External: <script src="script.js"></script>
15. JS Basics
- Literals: "hello", 42, true
- Variables: let x = 5;
- Primitive Types: String, Number, Boolean, Null, Undefined
- Composite Types: Object, Array
- Scope: Global, Local
- Operators: +, -, ==, ===, &&, ||
- Methods: alert("Hello"); prompt("Enter name:"); confirm("Are you sure?");
16. CSS Syntax and Box Model
Syntax: selector { property: value; }
Box Model: Content -> Padding -> Border -> Margin
17. CSS Selectors
- Element: p
- ID: #id
- Class: .class
- Grouping: h1, h2
- Descendant: div p
18. CSS Units
- Absolute: px, pt, cm
- Relative: %, em, rem, vh, vw
19. Font/Text Properties and <style>
<style>
p{
font-family: Arial;
font-size: 16px;
color: green;
text-align: center;
}
</style>
