The latest articles on DEV Community by Ryan Sternberg (@ryan_sternberg_54e520a75b). https://dev.to/ryan_sternberg_54e520a75b https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1503723%2Fcde90040-770d-4775-86e0-82fb17d6e2f1.png https://dev.to/ryan_sternberg_54e520a75b en Ryan Sternberg Sun, 19 May 2024 07:14:51 +0000 https://dev.to/ryan_sternberg_54e520a75b/learning-html-for-technical-writing-18f9 https://dev.to/ryan_sternberg_54e520a75b/learning-html-for-technical-writing-18f9 <h2> Learning HTML for Technical Writing 😁 </h2> <p>Markdown allows us to write HTML in a quick and fluid way. <br> We use this on the regular for our code reviews, comment sections and README files again and again.</p> <h2> Bold, Italic, and Strikethrough </h2> <p>not bold <strong>bold 1</strong> <strong>bold 2</strong><br> not italic <em>italic 1</em> <em>italic 2</em><br> not strikethrough <del>striked</del></p> <h2> HTML Challenge - Using Bold, Italic, and Strikethrough in a Paragraph </h2> <p>The teacher is having me write a paragraph and use <strong>bold</strong>, <em>italic</em>, and <del>strikethrough</del>. </p> <h2> Block Quotes and Horizontal Rules </h2> <blockquote> <p>"Jump up, jump up to get down"</p> </blockquote> <h2> Add a Line Break </h2> <p>Scrimba really is the perfect platform for teaching something like Markdown. The interactive challenges and custom technology has been designed with this in mind. </p> <blockquote> <p>"You do you. I'm doing me" -RWS</p> </blockquote> <h2> Lists Ordered and Unordered </h2> <h3> Ordered List </h3> <ol> <li>Fill a 3 quart pot with 1.5 quarts of water.</li> <li> <p>Bring water to boil.</p> <ol> <li>Keep the temperature below 180.</li> <li>Stir frequently.</li> </ol> </li> <li><p>Add 1 lbs peeled shrimp.</p></li> </ol> <h3> Unordered List </h3> <ul> <li>Socks</li> <li>Shoes</li> <li>Shoe laces</li> </ul> <h2> Challenge: 3 Pieces of Information </h2> <p>Ok gang, it's time to pack for our camping trip. I'll provide you with a list of items you should think about bringing along. </p> <ul> <li>tent</li> <li>hiking poles</li> <li>toothpaste</li> </ul> <p>Here's the order of boarding the bus:</p> <ol> <li>Lineup by height.</li> <li>Allow smallest students to board first.</li> <li>The oldest kids will sit in the front. </li> </ol> <h1> Code Blocks </h1> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>{ youtubeChannel: 'https://www.youtube.com/@espn26' } </code></pre> </div> <p><a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3dut4zt0nuiwrmj35gh9.png" class="article-body-image-wrapper"><img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3dut4zt0nuiwrmj35gh9.png" alt="Image description" width="800" height="347"></a></p> <p><a href="https://www.youtube.com/@espn">YouTube Channel</a></p> <p><a href="mailto:ryansternbergworks@gmail.com">ryansternbergworks@gmail.com</a></p> <p>I'm Ryan Sternberg a seasoned technical writer looking to become more familiar with coding. I'm a man. Here's a link to my website [<a href="http://www.aiwriterhire.com">www.aiwriterhire.com</a>]</p> <p><a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F90rt1pb28xq0g78erw47.png" class="article-body-image-wrapper"><img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F90rt1pb28xq0g78erw47.png" alt="Image description" width="800" height="347"></a></p> <h1> Extended Syntax - Tables </h1> <div class="table-wrapper-paragraph"><table> <thead> <tr> <th>Left</th> <th>Center</th> <th>Right</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> </tbody> </table></div> <h1> Extended Syntax - Automatic URLs </h1> <p><a href="//www.YouTube.com/CodingTutorials360">My Channel</a></p> <p><a href="http://www.YouTube.com/CodingTutorials360">www.YouTube.com/CodingTutorials360</a></p> <p><code>www.YouTube.com/CodingTutorials360</code></p>