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

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

‎10_textcolor.html

+14
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

+14
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

+14
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

+14
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

+13
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

+18
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

+16
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

+20
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

+19
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

+28
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

+10
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

+20
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

+26
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

+11
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

+18
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

+19
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

+28
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

+19
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

+26
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)