Skip to content

Commit f04381d

Browse files
arefa29arefa29
committed
Adding files
0 parents  commit f04381d

23 files changed

+400
-0
lines changed

‎.vscode/settings.json

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"liveServer.settings.port": 5501
3+
}

‎10_textcolor.html

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<title>Title goes here</title>
7+
</head>
8+
9+
<body>
10+
<h1 style="color:blue;">This is a heading</h1>
11+
<p style="color:red;">This is a paragraph.</p>
12+
</body>
13+
14+
</html>

‎11_font.html

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<title>Title goes here</title>
7+
</head>
8+
9+
<body>
10+
<h1 style="font-family:verdana;">This is a heading</h1>
11+
<p style="font-family:courier;">This is a paragraph.</p>
12+
</body>
13+
14+
</html>

‎12_textsize.html

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<title>Title goes here</title>
7+
</head>
8+
9+
<body>
10+
<h1 style="font-size:300%;">This is a heading</h1>
11+
<p style="font-size:160%;">This is a paragraph.</p>
12+
</body>
13+
14+
</html>

‎13_textalign.html

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<title>Title goes here</title>
7+
</head>
8+
9+
<body>
10+
<h1 style="text-align:center;">Centered Heading</h1>
11+
<p style="text-align:center;">Centered paragraph.</p>
12+
</body>
13+
14+
</html>

‎14_links.html

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<title>Title goes here</title>
7+
</head>
8+
9+
<body>
10+
<a href="https://www.w3schools.com/">Visit W3Schools.com!</a>
11+
</body>
12+
13+
</html>

‎15_imagelink.html

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<title>Title goes here</title>
7+
</head>
8+
9+
<body>
10+
<center>
11+
<h2>Search on Google</h2>
12+
<a href="https://www.google.com/">
13+
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/0b/Search_Icon.svg/1024px-Search_Icon.svg.png" alt="search" style="width:100px;height:100px;">
14+
</a>
15+
</center>
16+
</body>
17+
18+
</html>

‎16_images.html

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<title>Title goes here</title>
7+
</head>
8+
9+
<body>
10+
<center>
11+
<h1>Embedding and image</h1>
12+
<img src="https://cdn.pixabay.com/photo/2015/01/09/02/45/laptop-593673_1280.jpg" alt="Laptop desk" width="60%">
13+
</center>
14+
</body>
15+
16+
</html>

‎17_unorderedlist.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+
4+
<head>
5+
<meta charset="UTF-8">
6+
<title>Title goes here</title>
7+
</head>
8+
9+
<body>
10+
<h2>An unordered HTML list</h2>
11+
12+
<ul>
13+
14+
<li>Coffee</li>
15+
<li>Tea</li>
16+
<li>Milk</li>
17+
</ul>
18+
</body>
19+
20+
</html>

‎18_orderedlist.html

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<title>Title goes here</title>
7+
</head>
8+
9+
<body>
10+
<h2>An ordered HTML list</h2>
11+
12+
<ol>
13+
<li>Coffee</li>
14+
<li>Tea</li>
15+
<li>Milk</li>
16+
</ol>
17+
</body>
18+
19+
</html>

‎19_list-style-type1.html

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<title>Title goes here</title>
7+
</head>
8+
9+
<body>
10+
<h2>An unordered HTML list</h2>
11+
12+
<ul style="list-style-type:square;">
13+
14+
<li>Coffee</li>
15+
<li>Tea</li>
16+
<li>Milk</li>
17+
</ul>
18+
19+
<h2>An ordered HTML list</h2>
20+
21+
<ol style="list-style-type: lower-roman;">
22+
<li>Coffee</li>
23+
<li>Tea</li>
24+
<li>Milk</li>
25+
</ol>
26+
</body>
27+
28+
</html>

‎1_basicdoc.html

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>My Test Page</title>
6+
</head>
7+
<body>
8+
<p>This is my page.</p>
9+
</body>
10+
</html>

‎20_list-style-type2.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+
4+
<head>
5+
<meta charset="UTF-8">
6+
<title>Title goes here</title>
7+
</head>
8+
9+
<body>
10+
<h2>An unordered HTML list</h2>
11+
12+
<ul style="list-style-type: '\1F44D';">
13+
14+
<li>Coffee</li>
15+
<li>Tea</li>
16+
<li>Milk</li>
17+
</ul>
18+
</body>
19+
20+
</html>

‎21_comments.html

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<title>Title goes here</title>
7+
</head>
8+
9+
<body>
10+
<h2>Comments</h2>
11+
12+
You will be able to see this text.
13+
<!-- You will not be able to see this text. -->
14+
15+
You can even comment out things in <!-- the middle of --> a sentence.
16+
17+
<!-- Or you can
18+
comment out a large
19+
number of lines. -->
20+
21+
<div class="example-class"> Another thing you can do is put comments after closing tags, to help you find where a particular element ends. <br> (This can be helpful if you have a lot of nested elements.)
22+
</div> <!-- /.example-class -->
23+
24+
</body>
25+
26+
</html>

‎2_attributes.html

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>Attributes</title>
6+
</head>
7+
<body>
8+
<p>This is the content which is displayed as a paragraph.</p>
9+
<a href="http://www.w3schools.com">Visit w3schools</a>
10+
</body>
11+
</html>

‎3_headings.html

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<title>Headings</title>
7+
</head>
8+
9+
<body>
10+
<h1>Heading 1</h1>
11+
<h2>Heading 2</h2>
12+
<h3>Heading 3</h3>
13+
<h4>Heading 4</h4>
14+
<h5>Heading 5</h5>
15+
<h6>Heading 6</h6>
16+
</body>
17+
18+
</html>

‎4_paragraphs1.html

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<title>Paragraphs</title>
7+
</head>
8+
9+
<body>
10+
<h1>Main Heading</h1>
11+
<h4>Sub heading 1</h4>
12+
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Vel sed aperiam, repellendus inventore eligendi animi hic aliquam, natus perspiciatis, corrupti delectus laboriosam maiores repellat. Dolores quam pariatur porro explicabo numquam.</p>
13+
<h4>Sub heading 2</h4>
14+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis ullam, repellat beatae dicta quam amet animi ipsa cumque aut itaque eius, delectus ut esse officia dolorem facilis? Repudiandae, accusamus dolor? Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum, veritatis quis. Neque ea nostrum sint commodi tempore ratione adipisci, itaque nam maxime quibusdam voluptate quo accusamus expedita error minus suscipit?</p>
15+
16+
17+
</body>
18+
19+
</html>

‎5_paragraphs2.html

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<title>Paragraphs</title>
7+
</head>
8+
9+
<body>
10+
<h3>Paragraph 1</h3>
11+
<p>
12+
This paragraph
13+
contains a lot of lines
14+
in the source code,
15+
but the browser
16+
ignores it.
17+
</p>
18+
<h3>Paragraph 2</h3>
19+
<p>
20+
This paragraph
21+
contains a lot of spaces
22+
in the source code,
23+
but the browser
24+
ignores it.
25+
</p>
26+
</body>
27+
28+
</html>

‎6_linebreaks.html

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<title>Line breaks</title>
7+
</head>
8+
9+
<body>
10+
<h2>Poem</h2>
11+
12+
<p>Two roads diverged in a yellow wood,<br>
13+
And sorry I could not travel both<br>
14+
And be one traveler, long I stood<br>
15+
And looked down one as far as I could<br>
16+
To where it bent in the undergrowth;</p>
17+
</body>
18+
19+
</html>

‎7_horizontalrule.html

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<title>hr</title>
7+
</head>
8+
9+
<body>
10+
<h1>The Main Languages of the Web</h1>
11+
12+
<p>HTML is the standard markup language for creating Web pages. HTML describes the structure of a Web page, and
13+
consists of a series of elements. HTML elements tell the browser how to display the content.</p>
14+
15+
<hr>
16+
17+
<p>CSS is a language that describes how HTML elements are to be displayed on screen, paper, or in other media. CSS
18+
saves a lot of work, because it can control the layout of multiple web pages all at once.</p>
19+
20+
<hr>
21+
22+
<p>JavaScript is the programming language of HTML and the Web. JavaScript can change HTML content and attribute
23+
values. JavaScript can change CSS. JavaScript can hide and show HTML elements, and more.</p>
24+
</body>
25+
26+
</html>

0 commit comments

Comments
 (0)