title: How can I bold specific HTML rows and columns with CSS or HTML?
body: <p>I want to bold the first row and the first column (row 0 and column 0) of my HTML table. How can that be done with either HTML or CSS?</p>
  
  <p>The table:</p>
  
  <pre><code>&lt;table border="1"&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;translate.com AND https://translate.google.com/&lt;/td&gt;
              &lt;td&gt;http://www.bing.com/translator/&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;I eat tacos&lt;/td&gt;
              &lt;td&gt;Yo como tacos&lt;/td&gt;
              &lt;td&gt;Comer tacos&lt;/td&gt;
          &lt;/tr&gt;
      . . .
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>...and CSS:</p>
  
  <pre><code>body {
      font-family: "Segoe UI", "Calibri", "Candara", "Bookman Old Style", "Consolas", sans-serif;
      font-size: 1.2em;
      color: navy;
  }
  </code></pre>
  
  <p>...are pretty basic.</p>
  
  <p>The table is here: <a href="http://jsfiddle.net/clayshannon/LU7qm/7/" rel="noreferrer">http://jsfiddle.net/clayshannon/LU7qm/7/</a></p>