jblu/js
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

furthered work

Browse Source
This commit is contained in:
Jonathan Branan
2024-10-03 11:29:13 -05:00
parent fa7ac2949b
commit 1e756f4f72
15 changed files with 301 additions and 93 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
7/helloworld.html Normal file
View File

@ -0,0 +1,10 @@
<!DOCTYPE html>
<html>
<head>
<title>Hello, World!</title>
</head>
<body>
<h1 id="main-heading">Hello! My name is slim shady.</h1>
<p id="pp">Welcome to my document.</p>
</body>
</html>

20
7/index.html Normal file
View File

@ -0,0 +1,20 @@
<!DOCTYPE html>
<html>
<head>
<title>Hello, JavaScript!</title>
<script src="script.js"></script>
<link href="style.css" rel="stylesheet">
</head>
<body>
<h1 id="main-heading">Hello, <strong>JavaScript</strong>
!</h1>
<p class="highlight">This is my first <strong>paragraph
</strong>.</p>
<p>This is my second <strong>paragraph</strong>.</p>
<h1>Here's another heading.</h1>
<p class="highlight">This is my third <strong>paragraph
</strong>.</p>
<p class="em">This is my <em>fourth</em> paragraph.</p>
<p class="pre"> This is my <pre>fifth</pre> paragraph.</p>
</body>
</html>

1
7/script.js Normal file
View File

@ -0,0 +1 @@
console.log("Hello, HTML!")

28
7/style.css Normal file
View File

@ -0,0 +1,28 @@
h1 {
color: green;
font-style:italic;
font-family: system-ui;
}
#main-heading {
font-size: 48px;
}
strong {
color: yellowgreen;
}
p strong {
font-size: 24px;
}
.highlight {
background-color: burlywood;
}
.highlight strong {
background-color: thistle;
}
em {
background-color: aqua;
}
pre{
color: blueviolet;
}