Scribd
Upload
4 views3 pages

HTML Css Js Notes

The document outlines the features and characteristics of HTML5, including semantic elements, multimedia support, and local storage. It also discusses the advantages and disadvantages of HTML/HTML5, provides examples of basic HTML tags, and explains CSS and JavaScript fundamentals. Additionally, it covers CSS features, syntax, selectors, and the box model, along with examples of forms, lists, and tables in HTML.

Uploaded by

muzra923
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
4 views3 pages

HTML Css Js Notes

The document outlines the features and characteristics of HTML5, including semantic elements, multimedia support, and local storage. It also discusses the advantages and disadvantages of HTML/HTML5, provides examples of basic HTML tags, and explains CSS and JavaScript fundamentals. Additionally, it covers CSS features, syntax, selectors, and the box model, along with examples of forms, lists, and tables in HTML.

Uploaded by

muzra923
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

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>

You might also like