Fix images for github notebook viewer

Author: lamberta

samples/core/get_started/eager.ipynb

@@ -195,13 +195,15 @@
         "* Iris virginica\n",
         "* Iris versicolor\n",
         "\n",
-        "<figure>\n",
-        "  <img src=\"https://www.tensorflow.org/images/iris_three_species.jpg\"\n",
-        "       alt=\"Petal geometry compared for three iris species: Iris setosa, Iris virginica, and Iris versicolor\">\n",
-        "  <figcaption>\n",
-        "    **Figure 1.** [Iris setosa](https://commons.wikimedia.org/w/index.php?curid=170298) (by [Radomil](https://commons.wikimedia.org/wiki/User:Radomil), CC BY-SA 3.0), [Iris versicolor](https://commons.wikimedia.org/w/index.php?curid=248095) (by [Dlanglois](https://commons.wikimedia.org/wiki/User:Dlanglois), CC BY-SA 3.0), and [Iris virginica](https://www.flickr.com/photos/33397993@N05/3352169862) (by [Frank Mayfield](https://www.flickr.com/photos/33397993@N05), CC BY-SA 2.0).\n",
-        "  </figcaption>\n",
-        "</figure>\n",
+        "<table>\n",
+        "  <tr><td>\n",
+        "    <img src=\"https://www.tensorflow.org/images/iris_three_species.jpg\"\n",
+        "         alt=\"Petal geometry compared for three iris species: Iris setosa, Iris virginica, and Iris versicolor\">\n",
+        "  </td></tr>\n",
+        "  <tr><td align=\"center\">\n",
+        "    <b>Figure 1.</b> <a href=\"https://commons.wikimedia.org/w/index.php?curid=170298\">Iris setosa</a> (by <a href=\"https://commons.wikimedia.org/wiki/User:Radomil\">Radomil</a>, CC BY-SA 3.0), <a href=\"https://commons.wikimedia.org/w/index.php?curid=248095\">Iris versicolor</a>, (by <a href=\"https://commons.wikimedia.org/wiki/User:Dlanglois\">Dlanglois</a>, CC BY-SA 3.0), and <a href=\"https://www.flickr.com/photos/33397993@N05/3352169862\">Iris virginica</a> (by <a href=\"https://www.flickr.com/photos/33397993@N05\">Frank Mayfield</a>, CC BY-SA 2.0).<br/>&nbsp;\n",
+        "  </td></tr>\n",
+        "</table>\n",
         "\n",
         "Fortunately, someone has already created a [data set of 120 Iris flowers](https://en.wikipedia.org/wiki/Iris_flower_data_set) with the sepal and petal measurements. This is a classic dataset that is popular for beginner machine learning classification problems."
       ]
@@ -398,13 +400,15 @@
         "\n",
         "We need to select the kind of model to train. There are many types of models and picking a good one takes experience. This tutorial uses a neural network to solve the Iris classification problem. *[Neural networks](https://developers.google.com/machine-learning/glossary/#neural_network)* can find complex relationships between features and the label. It is a highly-structured graph, organized into one or more *[hidden layers](https://developers.google.com/machine-learning/glossary/#hidden_layer)*. Each hidden layer consists of one or more *[neurons](https://developers.google.com/machine-learning/glossary/#neuron)*. There are several categories of neural networks and this program uses a dense, or *[fully-connected neural network](https://developers.google.com/machine-learning/glossary/#fully_connected_layer)*: the neurons in one layer receive input connections from *every* neuron in the previous layer. For example, Figure 2 illustrates a dense neural network consisting of an input layer, two hidden layers, and an output layer:\n",
         "\n",
-        "<figure>\n",
-        "  <img src=\"https://www.tensorflow.org/images/custom_estimators/full_network.png\"\n",
-        "       alt=\"A diagram of the network architecture: Inputs, 2 hidden layers, and outputs\">\n",
-        "  <figcaption>\n",
-        "    **Figure 2.** A neural network with features, hidden layers, and predictions.\n",
-        "  </figcaption>\n",
-        "</figure>\n",
+        "<table>\n",
+        "  <tr><td>\n",
+        "    <img src=\"https://www.tensorflow.org/images/custom_estimators/full_network.png\"\n",
+        "         alt=\"A diagram of the network architecture: Inputs, 2 hidden layers, and outputs\">\n",
+        "  </td></tr>\n",
+        "  <tr><td align=\"center\">\n",
+        "    <b>Figure 2.</b> A neural network with features, hidden layers, and predictions.<br/>&nbsp;\n",
+        "  </td></tr>\n",
+        "</table>\n",
         "\n",
         "When the model from Figure 2 is trained and fed an unlabeled example, it yields three predictions: the likelihood that this flower is the given Iris species. This prediction is called *[inference](https://developers.google.com/machine-learning/crash-course/glossary#inference)*. For this example, the sum of the output predictions are 1.0. In Figure 2, this prediction breaks down as: `0.03` for *Iris setosa*, `0.95` for *Iris versicolor*, and `0.02` for *Iris virginica*. This means that the model predicts—with 95% probability—that an unlabeled example flower is an *Iris versicolor*."
       ]
@@ -532,12 +536,15 @@
         "\n",
         "An *[optimizer](https://developers.google.com/machine-learning/crash-course/glossary#optimizer)* applies the computed gradients to the model's variables to minimize the `loss` function. You can think of a curved surface (see Figure 3) and we want to find its lowest point by walking around. The gradients point in the direction of steepest the ascent—so we'll travel the opposite way and move down the hill. By iteratively calculating the loss and gradients for each *step* (or *[learning rate](https://developers.google.com/machine-learning/crash-course/glossary#learning_rate)*), we'll adjust the model during training. Gradually, the model will find the best combination of weights and bias to minimize loss. And the lower the loss, the better the model's predictions.\n",
         "\n",
-        "<figure>\n",
-        "  <img src=\"http://cs231n.github.io/assets/nn3/opt1.gif\" alt=\"\" width=\"45%\">\n",
-        "  <figcaption>\n",
-        "    **Figure 3.** Optimization algorthims visualized over time in 3D space. (Source: [Stanford class CS231n](http://cs231n.github.io/neural-networks-3/), MIT License)\n",
-        "  </figcaption>\n",
-        "</figure>\n",
+        "<table>\n",
+        "  <tr><td>\n",
+        "    <img src=\"http://cs231n.github.io/assets/nn3/opt1.gif\" width=\"70%\"\n",
+        "         alt=\"Optimization algorthims visualized over time in 3D space.\">\n",
+        "  </td></tr>\n",
+        "  <tr><td align=\"center\">\n",
+        "    <b>Figure 3.</b> Optimization algorthims visualized over time in 3D space. (Source: <a href=\"http://cs231n.github.io/neural-networks-3/\">Stanford class CS231n</a>, MIT License)<br/>&nbsp;\n",
+        "  </td></tr>\n",
+        "</table>\n",
         "\n",
         "TensorFlow has many [optimization algorithms](https://www.tensorflow.org/api_guides/python/train) available for training. This model uses the [tf.train.GradientDescentOptimizer](https://www.tensorflow.org/api_docs/python/tf/train/GradientDescentOptimizer) that implements the *[standard gradient descent](https://developers.google.com/machine-learning/crash-course/glossary#gradient_descent)* (SGD) algorithm. The `learning_rate` sets the step size to take for each iteration down the hill. This is a *hyperparameter* that you'll commonly adjust to achieve better results."
       ]
@@ -693,36 +700,36 @@
         "\n",
         "*Evaluating* means determining how effectively the model makes predictions. To determine the model's effectiveness at Iris classification, pass some sepal and petal measurements to the model and ask the model to predict what Iris species they represent. Then compare the model's prediction against the actual label.  For example, a model that picked the correct species on half the input examples has an *[accuracy](https://developers.google.com/machine-learning/glossary/#accuracy)* of `0.5`. Figure 4 shows a slightly more effective model, getting 4 out of 5 predictions correct at 80% accuracy:\n",
         "\n",
-        "<figure>\n",
-        "  <table cellpadding=\"8\" border=\"0\">\n",
-        "    <colgroup>\n",
-        "      <col span=\"4\" >\n",
-        "      <col span=\"1\" bgcolor=\"lightblue\">\n",
-        "      <col span=\"1\" bgcolor=\"lightgreen\">\n",
-        "    </colgroup>\n",
-        "    <tr bgcolor=\"lightgray\">\n",
-        "      <th colspan=\"4\">Example features</th>\n",
-        "      <th colspan=\"1\">Label</th>\n",
-        "      <th colspan=\"1\" >Model prediction</th>\n",
-        "    </tr>\n",
-        "    <tr>\n",
-        "      <td>5.9</td><td>3.0</td><td>4.3</td><td>1.5</td><td align=\"center\">1</td><td align=\"center\">1</td>\n",
-        "    </tr>\n",
-        "    <tr>\n",
-        "      <td>6.9</td><td>3.1</td><td>5.4</td><td>2.1</td><td align=\"center\">2</td><td align=\"center\">2</td>\n",
-        "    </tr>\n",
-        "    <tr>\n",
-        "      <td>5.1</td><td>3.3</td><td>1.7</td><td>0.5</td><td align=\"center\">0</td><td align=\"center\">0</td>\n",
-        "    </tr>\n",
-        "    <tr>\n",
-        "      <td>6.0</td> <td>3.4</td> <td>4.5</td> <td>1.6</td> <td align=\"center\">1</td><td align=\"center\" bgcolor=\"red\">2</td>\n",
-        "    </tr>\n",
-        "    <tr>\n",
-        "      <td>5.5</td><td>2.5</td><td>4.0</td><td>1.3</td><td align=\"center\">1</td><td align=\"center\">1</td>\n",
-        "    </tr>\n",
-        "  </table>\n",
-        "  <figcaption>**Figure 4.** An Iris classifier that is 80% accurate.</figcaption>\n",
-        "</figure>"
+        "<table cellpadding=\"8\" border=\"0\">\n",
+        "  <colgroup>\n",
+        "    <col span=\"4\" >\n",
+        "    <col span=\"1\" bgcolor=\"lightblue\">\n",
+        "    <col span=\"1\" bgcolor=\"lightgreen\">\n",
+        "  </colgroup>\n",
+        "  <tr bgcolor=\"lightgray\">\n",
+        "    <th colspan=\"4\">Example features</th>\n",
+        "    <th colspan=\"1\">Label</th>\n",
+        "    <th colspan=\"1\" >Model prediction</th>\n",
+        "  </tr>\n",
+        "  <tr>\n",
+        "    <td>5.9</td><td>3.0</td><td>4.3</td><td>1.5</td><td align=\"center\">1</td><td align=\"center\">1</td>\n",
+        "  </tr>\n",
+        "  <tr>\n",
+        "    <td>6.9</td><td>3.1</td><td>5.4</td><td>2.1</td><td align=\"center\">2</td><td align=\"center\">2</td>\n",
+        "  </tr>\n",
+        "  <tr>\n",
+        "    <td>5.1</td><td>3.3</td><td>1.7</td><td>0.5</td><td align=\"center\">0</td><td align=\"center\">0</td>\n",
+        "  </tr>\n",
+        "  <tr>\n",
+        "    <td>6.0</td> <td>3.4</td> <td>4.5</td> <td>1.6</td> <td align=\"center\">1</td><td align=\"center\" bgcolor=\"red\">2</td>\n",
+        "  </tr>\n",
+        "  <tr>\n",
+        "    <td>5.5</td><td>2.5</td><td>4.0</td><td>1.3</td><td align=\"center\">1</td><td align=\"center\">1</td>\n",
+        "  </tr>\n",
+        "  <tr><td align=\"center\" colspan=\"6\">\n",
+        "    <b>Figure 4.</b> An Iris classifier that is 80% accurate.<br/>&nbsp;\n",
+        "  </td></tr>\n",
+        "</table>"
       ]
     },
     {