Skip to content

Commit 01c5fb6

Browse files
hDmtPhDmtP
committed
version5
1 parent 66c91d7 commit 01c5fb6

23 files changed

+996
-0
lines changed

‎complete web developement tutorial/dhara.css‎

Whitespace-only changes.

‎complete web developement tutorial/dhara.html‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<!-- this is a doctype -->
2+
<!DOCTYPE html>
3+
<!--our HTML code starts here-->
4+
<html lang="en">
5+
<!--our HEAD code starts here-->
6+
<head>
7+
<meta charset="UTF-8" />
8+
<title>ElonMusk</title>
9+
</head>
10+
<!--our Body code starts here-->
11+
<body>
12+
Those who fly solo has the strongest wing
13+
14+
</body>
15+
</html>

‎complete web developement tutorial/dhara.js‎

Whitespace-only changes.

‎complete web developement tutorial/dharara.html‎

Whitespace-only changes.

‎complete web developement tutorial/fiveminweb.html‎

Lines changed: 355 additions & 0 deletions
Large diffs are not rendered by default.

‎complete web developement tutorial/tut10.html‎

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Id and Classes in HTML</title>
7+
</head>
8+
<body>
9+
<h3>Ids and classes tuturial</h3>
10+
<!-- id is for a particular element whereas class is for multiple elements -->
11+
<div id="mainBox" class="redBg blackBorder">
12+
this is mainBox
13+
14+
</div>
15+
<span class="redBg"></span>
16+
<!-- Emmet -->
17+
<!-- . is for class and #(poun) in for id -->
18+
<span class="redBg"></span>
19+
<span id="mainBox"></span>
20+
<div class="redBg blackBorder another"></div>
21+
<div id="mainId"></div>
22+
<!-- Emmet takes . tag as div by default -->
23+
<div class="redBg"></div>
24+
<!-- Creating multiple Classes using Emmet -->
25+
<!-- span.myClass.myClass2.myClass3*4 + <Tab> to print 4 similiar elements using Emmet -->
26+
<span class="myClass myClass2 myClaass3">first</span>
27+
<span class="myClass myClass2 myClaass3">second</span>
28+
<span class="myClass myClass2 myClaass3">third</span>
29+
<span class="myClass myClass2 myClaass3">fourth</span>
30+
</body>
31+
</html>

‎complete web developement tutorial/tut11.html‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>HTML Entities</title>
7+
</head>
8+
<body>
9+
<div class="container">
10+
<p>This is a paragraph</p>
11+
12+
</div>
13+
<div class="container">
14+
<p>This is another &nbsp; &nbsp; paragraph with two spaces</p>
15+
<!-- below given lines are a kind of HTML entity -->
16+
<p>paragraph is written like this &lt;p&gt;</p>
17+
<p>Pound is written like this &pound;</p>
18+
<p>Copyright is written like this &copy;</p>
19+
<p>Empty character is written like this &#8203;</p>
20+
<p>Latin capital letter AE is written like this &AElig;</p>
21+
22+
</div>
23+
</body>
24+
</html>

‎complete web developement tutorial/tut12.html‎

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>HTML semantic Tag</title>
7+
</head>
8+
<body>
9+
<h3>semantic elements</h3>
10+
<details>
11+
<summary>I have keys but no doors. I have space but no room. You can enter but can’t leave. What am I?</summary>
12+
A keyboard.
13+
</details>
14+
<br>
15+
<details>
16+
I have keys but no doors. I have space but no room. You can enter but can’t leave. What am I?
17+
A keyboard.
18+
</details>
19+
<br>
20+
<details>
21+
<summary>I have keys but no doors. I have space but no room. You can enter but can’t leave. What am I?
22+
A keyboard.</summary>
23+
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sequi sunt harum illo ex ea laboriosam commodi iure fugit error, placeat incidunt reprehenderit mollitia voluptatum saepe?
24+
</details>
25+
26+
<!-- In href, target="_blank" is used for opening the link in another tab -->
27+
<a href="https://developer.mozilla.org/en-US/docs/Glossary/Semantics" target="_blank"> Expliore this website for more Html semantic tag</a>
28+
29+
30+
</body>
31+
</html>

‎complete web developement tutorial/tut13.css‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
p{
2+
color: greenyellow;
3+
background-color: hotpink;
4+
}

‎complete web developement tutorial/tut13.html‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>CSS Tutorial</title>
7+
<style>
8+
p{
9+
color: rgb(226, 192, 226);
10+
background-color: seagreen !important;
11+
}
12+
</style>
13+
<link rel="stylesheet" href="tut13.css">
14+
</head>
15+
<body>
16+
<h3>this is CSS tutorial</h3>
17+
<!-- <p style="color: red; background-color:yellow">this tutorial will teach you everything about HTML/CSS</p> -->
18+
<p>this tutorial will teach you everything about HTML/CSS</p>
19+
</body>
20+
</html>

0 commit comments

Comments
 (0)