Web Design with HTML, CSS, Bootstrap Course Lecture 6.

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