92 lines
3.1 KiB
HTML
92 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>AI Topics</title>
|
|
<link rel="stylesheet" href="styles.css" />
|
|
</head>
|
|
<body>
|
|
<header class="hero">
|
|
<div class="container">
|
|
<h1>Artificial Intelligence</h1>
|
|
<p class="tagline">A simple overview of the core topics shaping modern AI.</p>
|
|
<nav class="nav">
|
|
<a href="#machine-learning">Machine Learning</a>
|
|
<a href="#deep-learning">Deep Learning</a>
|
|
<a href="#nlp">NLP</a>
|
|
<a href="#computer-vision">Computer Vision</a>
|
|
<a href="#ethics">Ethics</a>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="container">
|
|
<section id="intro" class="section">
|
|
<h2>What is AI?</h2>
|
|
<p>
|
|
Artificial Intelligence (AI) is the field of computer science focused on
|
|
building systems that can perform tasks typically requiring human
|
|
intelligence — such as reasoning, perception, language
|
|
understanding, and decision making.
|
|
</p>
|
|
</section>
|
|
|
|
<section id="machine-learning" class="section">
|
|
<h2>Machine Learning</h2>
|
|
<p>
|
|
Machine Learning (ML) is a subset of AI where systems learn patterns
|
|
from data instead of being explicitly programmed. Common approaches
|
|
include supervised, unsupervised, and reinforcement learning.
|
|
</p>
|
|
<ul>
|
|
<li><strong>Supervised learning:</strong> learns from labeled examples.</li>
|
|
<li><strong>Unsupervised learning:</strong> finds structure in unlabeled data.</li>
|
|
<li><strong>Reinforcement learning:</strong> learns by trial, error, and reward.</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section id="deep-learning" class="section">
|
|
<h2>Deep Learning</h2>
|
|
<p>
|
|
Deep Learning uses multi-layered neural networks to model complex
|
|
patterns in large datasets. It powers many state-of-the-art results in
|
|
image, speech, and text tasks.
|
|
</p>
|
|
</section>
|
|
|
|
<section id="nlp" class="section">
|
|
<h2>Natural Language Processing</h2>
|
|
<p>
|
|
Natural Language Processing (NLP) enables machines to understand,
|
|
interpret, and generate human language. Applications include
|
|
translation, summarization, chatbots, and large language models (LLMs).
|
|
</p>
|
|
</section>
|
|
|
|
<section id="computer-vision" class="section">
|
|
<h2>Computer Vision</h2>
|
|
<p>
|
|
Computer Vision lets computers derive meaning from images and video.
|
|
Typical tasks include classification, object detection, and segmentation.
|
|
</p>
|
|
</section>
|
|
|
|
<section id="ethics" class="section">
|
|
<h2>AI Ethics</h2>
|
|
<p>
|
|
Responsible AI considers fairness, transparency, privacy, accountability,
|
|
and the societal impact of deployed systems. Designing for safety and
|
|
bias mitigation is essential as AI adoption grows.
|
|
</p>
|
|
</section>
|
|
</main>
|
|
|
|
<footer class="footer">
|
|
<div class="container">
|
|
<p>© 2026 AI Topics · Built as a simple HTML project.</p>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html>
|