<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta >
<title>Motherboard Socket</title>
<style>
ul.navigation {
border-style: solid;
border-width: 5px;
border-color: black;
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: deepskyblue;
}
ul.article-list > li ul {
font-size: 150%;
}
ul.navigation > li {
float: left;
}
li a {
display: inline-block;
color: black;
text-align: center;
padding: 14px 46px;
text-decoration: none;
}
li a:hover, .dropdown:hover {
background-color: lightskyblue;
}
li.dropdown {
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}
.dropdown-content a:hover {
background-color: lightskyblue;
}
.dropdown:hover .dropdown-content {
display: block;
}
.article {
margin: 0;
padding: 5px;
background-color: lightgray;
clear: right;
}
img.image {
position: absolute;
top: 0;
right: 0;
width: min-content;
margin: 10px;
padding: 5px;
background-color: lightgray;
}
.article > h1, .article-content, aside {
margin: 10px;
padding: 5px;
}
.article-content {
background: white;
}
.article-content > h2, p {
margin: 4px;
text-align: left;
font-size: 150%;
}
.article-list {
font-size: 125%;
}
</style>
</head>
<body>
<ul class="navigation">
<li><a href="Home-Page.html">Home</a></li>
<li><a href="GettingStarted.html">Getting Started</a></li>
<li class="dropdown">
<a href="javascript:void(0)" class="dropdown">Tower</a>
<div class="dropdown-content">
<a href="Tower-Overview.html">Overview</a>
<a href="Tower-Specs.html">Specifications</a>
<a href="Tower-Setup.html">Setup</a>
</div>
</li>
<li class="dropdown">
<a href="javascript:void(0)" class="dropdown" style="background-color: dodgerblue">Motherboard</a>
<div class="dropdown-content">
<a href="Motherboard-Overview.html">Overview</a>
<a href="Motherboad-Layout.html">Layout</a>
<a href="Motherboard-Specs.html">Specifications</a>
<a href="Motherboard-Chipset.html">Chipset</a>
<a href="Motherboard-CPUSocket.html" style="background-color: dodgerblue">CPU Socket</a>
<a href="Motherboard-DIMMSlots.html">DIMM Slots</a>
<a href="Motherboard-PCISlots.html">PCI Slots</a>
<a href="Motherboard-Connections.html">Connections</a>
<a href="Motherboard-Backpanel.html">Back I/O Panel</a>
<a href="Motherboard-Installation.html">Installation</a>
</div>
</li>
<li class="dropdown">
<a href="javascript:void(0)" class="dropdown">CPU</a>
<div class="dropdown-content">
<a href="CPU-Overview.html">Overview</a>
<a href="CPU-Specs.html">Specifications</a>
<a href="CPU-Installation.html">Installation</a>
</div>
</li>
<li class="dropdown">
<a href="javascript:void(0)" class="dropdown">GPU</a>
<div class="dropdown-content">
<a href="GPU-Overview.html">Overview</a>
<a href="GPU-Specs.html">Specifications</a>
<a href="GPU-Installation.html">Installation</a>
</div>
</li>
<li class="dropdown">
<a href="javascript:void(0)" class="dropdown">PSU</a>
<div class="dropdown-content">
<a href="PSU-Overview.html">Overview</a>
<a href="PSU-Specs.html">Specifications</a>
<a href="PSU-Installation.html">Installation</a>
</div>
</li>
<li class="dropdown">
<a href="javascript:void(0)" class="dropdown">CPU Cooler</a>
<div class="dropdown-content">
<a href="CPUCooler-Overview.html">Overview</a>
<a href="CPUCooler-Specs.html">Specifications</a>
<a href="CPUCooler-Installation.html">Installation</a>
</div>
</li>
<li class="dropdown">
<a href="javascript:void(0)" class="dropdown">RAM</a>
<div class="dropdown-content">
<a href="RAM-Overview.html">Overview</a>
<a href="RAM-Specs.html">Specifications</a>
<a href="RAM-Installation.html">Installation</a>
</div>
</li>
<li class="dropdown">
<a href="javascript:void(0)" class="dropdown">HDDs/SDDs</a>
<div class="dropdown-content">
<a href="Storage-Overview.html">Overview</a>
<a href="Storage-Specs.html">Specifications</a>
<a href="Storage-Installation.html">Installation</a>
</div>
</li>
<li class="dropdown">
<a href="javascript:void(0)" class="dropdown">Fans</a>
<div class="dropdown-content">
<a href="Fans-Overview.html">Overview</a>
<a href="Fans-Specs.html">Specifications</a>
<a href="Fans-Installation.html">Installation</a>
</div>
</li>
<li class="dropdown">
<a href="javascript:void(0)" class="dropdown">Assembly</a>
<div class="dropdown-content">
<a href="Assembly.html">Assembly</a>
<a href="AssemblyQuiz.html">Assembly Quiz</a>
</div>
</li>
</ul>
<h1 style="text-align: center">The Motherboard - CPU Socket</h1>
<article class="article">
<article class="article-content">
<p>
The CPU Socket, the other component of the motherboard is either <b>determined by the CPU that you choose</b> or <br>
<b>determines what CPU you can choose</b>. The CPU socket is the <b>general name given to the set of pins that <br>
connect the CPU to the motherboard</b>. This feature is found more commonly found in motherboards designed for desktop <br>
computers, rather than motherboards designed for laptops. In laptop motherboards, <b>the CPU is soldered to the motherboard</b> <br>
meaning that the CPU cannot be removed and upgraded. That's what the CPU socket is, a <b>standard interface to the motherboard <br>
for the CPU </b> that a specific family, or generation, of CPUs can all connect to even if the CPU is more powerful than the last. <br>
</p>
</article>
<article class="article-content" style="position: relative; min-height: 425px">
<h2>Intel CPU Sockets</h2>
<p style="width: 55%;">
To the left of the article, is an image of an Intel LGA 1151 Socket. As you can see, all around the <br>
socket are little pins, and a cover that holds the CPU in place.
<img class="image" src="Intel%20CPU%20Socket.jpg" alt="An Intel CPU Socket" style="width: 400px; height: 400px">
</p>
</article>
<article class="article-content" style="position: relative; min-height: 425px">
<h2>AMD CPU Sockets</h2>
<p style="width: 55%">
To the right of the text is a picture of and AM4 socket. These are designed for AMD CPUs and can <br>
usually be identified by the lack of a cover like the one found on an Intel CPU socket. The pins are still <br>
there, but they are in the little holes found on the socket.
<img class="image" src="AMD%20CPU%20Socket.jpg" alt="An AMD CPU Socket" style="width: 400px; height: 400px;">
</p>
</article>
<article class="article-content">
<h2>How to choose a CPU Socket</h2>
<p>
...
</p>
</article>
</article>
</body>
</html>