ptorrel/JS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: added 03_dom

Browse Source
This commit is contained in:
Philippe Torrel
2026-07-13 10:38:22 +02:00
parent 6292cabfee
commit e0bd3930d9
134 changed files with 21947 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
03_dom/MATERIAL/accompanying_files/accompanying-files/2/examples/dom_example.html Normal file
View File

@@ -0,0 +1,37 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>DOM-Example</title>
<link
rel="stylesheet"
href="../../css/styles.css"
type="text/css"
media="screen"
/>
</head>
<body>
<header>
<nav>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</nav>
</header>
<main>
<article>
<h1></h1>
<p></p>
<img alt="" src="#" />
</article>
</main>
<footer>
<nav></nav>
</footer>
</body>
</html>

21
03_dom/MATERIAL/accompanying_files/accompanying-files/2/examples/news.html Normal file
View File

@@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Headlines</title>
<link
rel="stylesheet"
href="../../css/styles.css"
type="text/css"
media="screen"
/>
</head>
<body>
<h2>Lorem ipsum dolor sit amet.</h2>
<h2 class="news">Quod eligendi saepe voluptates eveniet.</h2>
<h2 class="news">Architecto reiciendis magnam modi inventore.</h2>
<h2 class="news">Modi ipsum, velit rem ipsam.</h2>
<h2 class="news">Provident, officia quisquam aliquam deserunt!</h2>
</body>
</html>

23
03_dom/MATERIAL/accompanying_files/accompanying-files/2/examples/selector_testing.html Normal file
View File

@@ -0,0 +1,23 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Selector Testing</title>
</head>
<body>
<ul id="ul1">
<li id="li11"><span>11</span></li>
<li id="li12">12</li>
<li id="li13">13</li>
<li id="li14">14</li>
</ul>
<ul id="ul2">
<li id="li21"><span>21</span></li>
<li id="li22">
<strong><span>22</span></strong>
</li>
<li id="li23">23</li>
</ul>
</body>
</html>