-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathwebdev.html
More file actions
118 lines (110 loc) · 7.03 KB
/
webdev.html
File metadata and controls
118 lines (110 loc) · 7.03 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>ALIgorithm</title>
<link rel="shortcut icon" href="image.png" type="image/x-icon">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-black">
<div class="container-fluid">
<a class="navbar-brand" href="/ALIgorithm/"> <img src="logoname.jpg" width="200px" alt="logo"> </a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="/ALIgorithm/">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/ALIgorithm/about.html">About</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link active dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
aria-expanded="true">
Explore Blog
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="/ALIgorithm/webdev.html">Web development</a></li>
<li><a class="dropdown-item" href="/ALIgorithm/android.html">Android development</a></li>
<li>
<hr class="dropdown-divider">
</li>
<li><a class="dropdown-item disabled" href="#">Competetive Programming<span
class="badge bg-primary">New</span></a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link " href="/ALIgorithm/contact.html">Contact Us</a>
</li>
</ul>
<form class="d-flex" role="search">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-primary" type="submit">Search</button>
</form>
</div>
</div>
</nav>
<div class="container">
<article class="blog-post">
<h2 class="blog-post-title mb-1">Web development</h2>
<p class="blog-post-meta">August 20, 2022 by <a href="https://www.linkedin.com/in/mohammed-arbaaz-ali-63763222a/" target="_blank">Arbaaz</a></p>
<p>If you're looking for a way to engage with potential customers and clients, web development is a great way to start. Web developers use the code below to create websites that look beautiful on any device and work in any browser.</p>
<hr>
<h2>HTML</h2>
<p>HTML is the language used to create web pages. It's short for HyperText Markup Language, and it's a markup language.</p>
<p>HTML allows you to define the structure of your web page, including:</p>
<ul>
<li>The heading section at the top of every page (h1)</li>
<li>Paragraphs (p) and other elements such as lists and tables that compose your content section(s).</li>
</ul>
<h2>CSS</h2>
<p>CSS stands for Cascading Style Sheets and is a part of HTML5. It allows you to style your web page to look pretty, professional and even fun! The best way to learn CSS is by playing around with it. I like to use the [Firefox] browser because it's free, easy-to-use and has tons of tutorials on how to use CSS (and other languages).</p>
<p>Once you've got that down, here's what you need to know about using CSS:</p>
<ul>
<li>It's a style sheet language used for defining how elements look on a webpage; for example, it can define colors and fonts.</li>
<li>It defines rules for formatting HTML elements like text or images so that they look great when rendered in different browsers.</li>
</ul>
<h2>JavaScript</h2>
<p>JavaScript is a programming language that can be used to make webpages interactive. It’s also used to make webpages more dynamic, responsive and user-friendly.</p>
<p>With javascript you will be able to create an interactive webpage or site by using some pre-written code that responds to user actions. This is called “scripting” or “programming” in general terms with the word “script” referring specifically to written programs used on computers (hence why it can be referred as such).</p>
<h2>Build a Simple website using the code below:</h2>
<p><pre>
<!doctype html>
<html lang="en">
<head>
<title>Demo.</title>
</head>
<body>
<h1>Sample Wesbite</h1>
<h2>My first page.</h2>
</body>
</html>
</pre></p>
<h2>Conclusion</h2>
<p>I hope this post was helpful in explaining the basics of web development. </p>
<p>The next step is to get started on your own website and see how it looks!</p>
</article>
</div>
<br>
<div class="container-fluid">
<footer class="py-3 my-4">
<ul class="nav justify-content-center border-bottom pb-3 mb-3">
<li class="nav-item"><a href="/ALIgorithm/" class="nav-link px-2 text-muted">Home</a></li>
<li class="nav-item"><a href="#" class="nav-link px-2 text-muted">Features</a></li>
<li class="nav-item"><a href="#" class="nav-link px-2 text-muted">Pricing</a></li>
<li class="nav-item"><a href="/ALIgorithm/contact.html" class="nav-link px-2 text-muted">FAQs</a></li>
<li class="nav-item"><a href="/ALIgorithm/about.html" class="nav-link px-2 text-muted">About</a></li>
</ul>
<p class="text-center text-muted">Copyright© 2020, ALIgorithm, Inc</p>
</footer>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa" crossorigin="anonymous"></script>
</body>
</html>