This document discusses HTML global attributes and basic CSS and JavaScript. It covers various HTML global attributes like title, style, id, and class. It demonstrates using inline, internal, and external CSS as well as internal and external JavaScript. The document provides examples of using CSS selectors by element, id, and class and covers topics like basic CSS, CSS selectors, and linking external files.

2. IoT Code LabS M A R T T E C H L I F E
iotcodelab.com
RESEARCH DEVELOPMENT TRAINING

3. HTML: LEC 7
M I S C E L L A N E O U S

4. HTML GLOBAL ATTRIBUTES
title
style
id
class
dir
hidden
lang
draggable
dropzone
spellcheck
accesskey
contenteditable
contextmenu
data-*
tabindex
translate

5. TITLE
<h1 title="HyperText Markup Language">HTML</h1>
<ol title="Front End Language">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>Bootstrap</li>
</ol>

6. STYLE
<h4 style="color:red">Front End</h4>
<h4 style="background-color:red">Back End</h4>
<ol style="background-color:#000000; color:#FFFFFF">
Design of the <span style="color:red">Web Page </span>

7. STYLE
<style>
h3{
color: white;
background-color: green;
}
</style>

8. STYLE: ID
<style>
#red{
color: white;
background-color: red;
}
</style>

9. STYLE: CLASS
<style>
.green{
color: white;
background-color: green;
}
</style>

10. CSS
Inline (style attribute)
Internal (style tag in head)
External (css file)
<link href="design.css" rel="stylesheet">

11. JavaScript
Internal
<script>
window.alert(“Hello");
</script>
External
<script src="script.js"></script>

12. TOPIC COVERED
HTML Global Attribute
Basic CSS
Basic JavaScript
Bookmark

13. TOPIC COVERED
HTML Global Attribute
CSS Selectors
Element
ID
Class
CSS
Inline
Internal
External
JavaScript
Internal
External

14. ANY
QUESTION?

16. IoT Code LabS M A R T T E C H L I F E
iotcodelab.com
RESEARCH DEVELOPMENT TRAINING