danna/html_practice
2
1
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

merge into: danna:main
Branches Tags
danna:main danna:html
...
pull from: danna:html
Branches Tags
danna:html danna:main

6 Commits
main ... html

Author SHA1 Message Date
danna
01c83dfb6d Merge pull request 'add more pics to the website' (#1) from iicd/html_practice:iicd into html 
Reviewed-on: #1
Reviewed-by: danna <danceui@outlook.com>
 2024-08-26 13:35:56 +02:00
Mhrooz
3533e88842 add more pics 2024-08-26 13:29:55 +02:00
Mhrooz
b2f091045c Merge branch 'html' of https://gitea.mhrooz.xyz/iicd/html_practice into iicd 2024-08-26 13:24:11 +02:00
dan
f8deca4cbf 0823 use ul list 2024-08-23 13:41:29 +02:00
dan
36cde5283f 0823 add initial js and css 2024-08-23 13:23:25 +02:00
dan
2ba10858ea 0823 my first html page 2024-08-23 10:24:06 +02:00
3 changed files with 59 additions and 0 deletions
Expand all files Collapse all files

14
mycss.css Normal file
View File

@@ -0,0 +1,14 @@
html {
background-color: green;
font-size: 20px;
}
ul {
background: red;
padding: 10px;
border: 1px solid black;
}
li {
margin-left: 20px;
}

24
myhtml.html Normal file
View File

@@ -0,0 +1,24 @@
<!doctype html>
<html lang="zh-CN">
<head>
<script src="myjs.js" defer></script>
<link rel="stylesheet" href="mycss.css"/>
<meta charset="utf-8"/>
<title>Dan's Homepage &gt3&lt</title>
<link rel="icon" href="file:///Users/dan/Pictures/IMG_9295.JPG" type="image/x-icon" />
</head>
<body>
<img src="file:///Users/dan/Pictures/IMG_9295.JPG" alt="My test image" width="500" />
<h2>Hi, my name is Dan.</h2>
<ul>
<li>Education</li>
<li>Work Experience</li>
<li>Languages</li>
<li>Hobbies</li>
</ul>
<img src="https://lsky.mhrooz.xyz/2024/08/26/f968a418888c2.jpg" alt="iicd test image" width="500" />
<ul>
<li><a href=https://github.com/Mhrooz">github</a></li>
</ul>
</body>
</html>

21
myjs.js Normal file
View File

@@ -0,0 +1,21 @@
const list = document.createElement('ul');
const info = document.createElement('p');
const html = document.querySelector('html');
info.textContent = 'Below is a dynamic list. Click anywhere on the page to add a new list item. Click an existing list item to change its text to something else.';
document.body.appendChild(info);
document.body.appendChild(list);
html.onclick = function() {
const listItem = document.createElement('li');
const listContent = prompt('What content do you want the list item to have?');
listItem.textContent = listContent;
list.appendChild(listItem);
listItem.onclick = function(e) {
e.stopPropagation();
const listContent = prompt('Enter new content for your list item');
this.textContent = listContent;
}
}