Engaging Elementary Minds: Teaching Html Basics To Young Learners

how to teach elementary students html

Teaching elementary students HTML can be an engaging and rewarding experience when approached with simplicity and creativity. By breaking down complex concepts into bite-sized, interactive lessons, educators can introduce young learners to the basics of web development in a fun and accessible way. Using visual tools, drag-and-drop platforms, and relatable examples, such as creating a simple webpage about their favorite hobby or pet, helps students grasp fundamental HTML tags like `

`, `

`, and ``. Incorporating gamified activities, storytelling, and collaborative projects not only keeps students motivated but also fosters problem-solving skills and a foundational understanding of coding. With patience and the right resources, even the youngest learners can develop a curiosity for technology and a sense of accomplishment as they build their first web pages.

shunstudent

Introduce HTML Basics: Start with tags, elements, and structure using simple, visual examples

When introducing HTML basics to elementary students, it's essential to start with the building blocks: tags, elements, and structure. Begin by explaining that HTML (HyperText Markup Language) is like a set of instructions that tells a web browser how to display content. Use simple, relatable analogies, such as comparing HTML tags to special labels that organize information. For example, tell students that `

` is like a big, bold sign that says, "This is the most important title!" Show them a visual example: a webpage with a large heading, and point out the `

` tag in the code. This immediate connection between code and visual output helps them grasp the concept quickly.

Next, introduce the idea of elements as the combination of opening and closing tags, like `

` and `

` for paragraphs. Use a sandwich analogy: the opening tag is the top slice of bread, the content is the filling, and the closing tag is the bottom slice. Create a simple activity where students write a short sentence inside a `

` element. Display their sentences on a webpage to show how the browser uses the tags to structure the text. Visual tools like colored highlighting for tags and elements can make this even more engaging and understandable.

Move on to structure by explaining that HTML documents follow a specific order, just like a story has a beginning, middle, and end. Teach them the basic structure: ``, ``, ``, and ``. Use a house analogy: `` is the foundation, `` is the frame, `` is the planning room (where invisible details like the title go), and `` is the living space (where all the visible content appears). Draw a simple house on the board and label each part with its corresponding HTML tag. This visual representation helps students see how everything fits together.

To reinforce learning, use simple, visual examples like creating a webpage about their favorite animal. Provide a template with basic structure and let them fill in content using `

`, `

`, and `` tags. For instance, they can write a heading with `

All About Cats

`, add a paragraph with `

Cats are amazing pets!

`, and include an image with ``. As they type, show the live preview of their webpage, so they can see how each tag changes the appearance. This hands-on approach keeps them engaged and helps them understand the purpose of each element.

Finally, encourage creativity by allowing students to experiment with nesting elements, like putting a `` tag inside a `

` tag to make words bold. Explain that nesting is like putting a box inside another box. Use a visual example of a paragraph with bolded words and show the corresponding code. End the lesson with a fun challenge, such as creating a webpage about their favorite hobby, using at least three different tags. This not only solidifies their understanding of HTML basics but also sparks their excitement for coding.

shunstudent

Use Kid-Friendly Tools: Leverage platforms like Scratch or Code.org for interactive learning

When teaching elementary students HTML, it's essential to use kid-friendly tools that make learning both engaging and accessible. Platforms like Scratch and Code.org are excellent starting points because they are designed with young learners in mind. Scratch, developed by MIT, introduces coding concepts through a visual, block-based interface, allowing students to create interactive stories, games, and animations without needing to write traditional code. This approach builds a foundational understanding of logic and structure, which are crucial when transitioning to HTML. Similarly, Code.org offers a variety of courses tailored to different age groups, including "Hour of Code" activities that introduce HTML basics in a fun, gamified format. Both platforms reduce the intimidation factor of coding, making it easier for students to grasp the fundamentals.

One of the key advantages of using Scratch and Code.org is their interactive nature, which keeps students actively engaged. In Scratch, for example, students can drag and drop blocks of code to create projects, instantly seeing the results of their work. This immediate feedback is motivating and helps reinforce learning. Code.org takes a similar approach with its puzzles and challenges, where students solve problems by arranging blocks of code or typing simple HTML tags. These hands-on activities not only teach syntax but also encourage creativity and problem-solving. By focusing on interactive learning, these tools ensure that students remain excited and invested in their coding journey.

Another benefit of leveraging these platforms is their ability to introduce HTML concepts gradually and in a structured manner. Scratch, while not an HTML-specific tool, teaches students to think like programmers by emphasizing sequencing, loops, and conditionals—skills directly applicable to HTML and web development. Code.org, on the other hand, includes courses that explicitly teach HTML, starting with basic tags like `

`, `

`, and ``. The platform’s step-by-step lessons guide students through creating simple web pages, making complex concepts digestible for young minds. This progressive learning path ensures that students build confidence as they master each skill.

Incorporating Scratch and Code.org into your curriculum also allows for differentiation, catering to the diverse learning needs of elementary students. Both platforms offer a range of activities, from beginner to intermediate levels, so you can adapt lessons based on your students' progress. For instance, while some students may quickly grasp HTML tags, others might benefit from spending more time on Scratch to strengthen their logical thinking. Additionally, these tools often include teacher resources, such as lesson plans and progress tracking, which help educators monitor individual and class-wide understanding.

Finally, using kid-friendly tools like Scratch and Code.org fosters a positive attitude toward coding from a young age. By making learning enjoyable and relatable, these platforms help students see coding not as a daunting task but as a creative and rewarding activity. This mindset is crucial for long-term engagement in STEM fields. As students grow more comfortable with the basics through these tools, they will be better prepared to tackle more advanced HTML concepts in the future. By starting with Scratch and Code.org, you’re not just teaching HTML—you’re building a foundation for a lifetime of learning and innovation.

shunstudent

Gamify Learning: Incorporate coding games and challenges to keep students engaged

Gamifying learning is an effective way to teach elementary students HTML by making the process fun, interactive, and engaging. Incorporate coding games and challenges that introduce HTML concepts in a playful manner. For instance, use platforms like Code.org or Scratch that offer game-based activities where students can drag and drop HTML tags to create simple web pages. These tools often include characters or storylines that motivate students to complete tasks, such as helping a character navigate a maze by correctly structuring HTML elements. This approach not only teaches syntax but also reinforces problem-solving skills in a low-pressure environment.

Introduce badge systems or leaderboards to encourage friendly competition and track progress. For example, create challenges like "Build Your First Web Page" or "Master the `` Tag," where students earn points or badges for completing tasks. Tools like Kahoot! can be used to quiz students on HTML tags and attributes in a game-show format, making learning feel more like play. Reward systems can be tied to tangible prizes, such as stickers or extra playtime, to keep students motivated and excited to learn more.

Design story-based challenges where students use HTML to solve problems within a narrative context. For instance, create a scenario where students must build a web page to save a fictional town by correctly structuring headings, paragraphs, and images. This approach not only teaches HTML but also encourages creativity and critical thinking. Platforms like CodeCombat or Lightbot can be adapted to include HTML-specific challenges, where students write code to guide characters through levels, reinforcing their understanding of tags and attributes.

Organize team-based coding challenges to foster collaboration and peer learning. Divide the class into small groups and assign projects like creating a class website or a digital poster using HTML. Provide a rubric with points for creativity, accuracy, and teamwork. This not only teaches HTML but also builds communication and problem-solving skills. Tools like Replit or JSBin allow students to work together in real-time, making collaboration seamless and fun.

Finally, incorporate timed coding sprints to add an element of excitement and urgency. Set a timer for 10–15 minutes and challenge students to complete a specific HTML task, such as creating a list or embedding an image. These short, focused activities keep students on their toes and help them practice writing code quickly and accurately. Celebrate their achievements by showcasing their work in a gallery or sharing it with the school community, reinforcing a sense of pride and accomplishment. By gamifying learning, you transform HTML education into an adventure that elementary students will eagerly embrace.

shunstudent

Hands-On Projects: Create simple webpages like personal profiles or pet pages

Teaching elementary students HTML through hands-on projects like creating simple webpages, such as personal profiles or pet pages, is an engaging and effective way to introduce them to coding. Start by explaining that HTML (HyperText Markup Language) is the foundation of web pages, and it uses "tags" to structure content. Use analogies they can relate to, like comparing HTML tags to instructions for building a Lego house. For example, `

` is like saying, "This is the big title of my page!" and `

` is like saying, "This is a paragraph of my story." Keep the language simple and relatable to their everyday experiences.

Begin the project by having students brainstorm ideas for their personal profiles or pet pages. Encourage them to think about what they want to include, such as their name, favorite hobbies, or their pet’s name, breed, and fun facts. Provide a basic HTML template on the board or as a handout, including essential tags like ``, ``, ``, and `<body>`. Walk them through the template step by step, explaining each tag’s purpose. For instance, `<title>` is what appears at the top of the browser tab, and `<body>` is where all the visible content goes. This scaffolding helps them focus on adding their unique content rather than starting from scratch.</p><p>Once students understand the template, guide them to customize their pages. For a personal profile, they can add headings like "All About Me" using `<h1>`, followed by paragraphs about themselves using `<p>`. For a pet page, they might include a heading like "Meet My Pet" and paragraphs describing their pet’s personality or favorite toys. Introduce simple formatting tags like `<strong>` for bold text or `<em>` for italics to make their pages more visually appealing. Encourage creativity by allowing them to add images using the `<img>` tag, ensuring they understand the `src` attribute for linking to pictures.</p><p>To make the project more interactive, have students work in pairs or small groups to share their pages and provide feedback. This not only fosters collaboration but also helps them learn from each other’s ideas. Once their pages are complete, save the HTML files and open them in a browser to see the results. Celebrate their accomplishments by creating a mini "gallery" of their webpages, either by sharing them on a classroom computer or printing screenshots to display. This reinforces their sense of pride and achievement.</p><p>Finally, extend the learning by introducing additional HTML elements, such as unordered lists (`<ul>` and `<li>`) for listing hobbies or pet tricks, or links (`<a>`) to their favorite websites. Encourage students to experiment and iterate on their pages, reinforcing the idea that coding is a creative and iterative process. By the end of the project, they’ll not only have a tangible webpage to show off but also a foundational understanding of HTML that can inspire further exploration in coding.</p><div class='unit see-also'> <div class='see-also-icon'><span class='icon icon-primary icon-lg-big icon icon-md icon-primary fa-see-also'></span></div> <div class='unit-body mb-0'> <h5><a href='https://shunstudent.com/article/how-to-teach-characterization-to-elementary-students'>Teaching Characterization: Engaging Elementary Students in Creative Storytelling</a></h5> <p class='text-gray-05 mt-0'>You may want to see also</p> </div> </div><div class="row row-30 shift-top-1"> <h3 class="affiliate_products">Explore related products</h3> <div class="col-sm-6 col-md-2"> <div class="link-image-wrap affiliate_product_image"><a rel="sponsored" class="link-image" target="_blank" href="https://www.amazon.com/dp/1916058647?tag=shunstudent-20"><img src="https://m.media-amazon.com/images/I/710qh3HbTJL._AC_UY218_.jpg" alt="HTML and CSS for Beginners (Skills Today)" width="132" height="83" /></a></div> <a target="_blank" rel="sponsored" href="https://www.amazon.com/dp/1916058647?tag=shunstudent-20" class="affiliate_product_title">HTML and CSS for Beginners (Skills Today)</a> <p class="affiliate_product_price"> <span class="small small-top">$</span>9.99 </p> </div> <div class="col-sm-6 col-md-2"> <div class="link-image-wrap affiliate_product_image"><a rel="sponsored" class="link-image" target="_blank" href="https://www.amazon.com/dp/B0C3CYYM1N?tag=shunstudent-20"><img src="https://m.media-amazon.com/images/I/71bHK-h6HsL._AC_UY218_.jpg" alt="HTML & CSS: The Complete Reference Fifth Edition" width="132" height="83" /></a></div> <a target="_blank" rel="sponsored" href="https://www.amazon.com/dp/B0C3CYYM1N?tag=shunstudent-20" class="affiliate_product_title">HTML & CSS: The Complete Reference Fifth Edition</a> <p class="affiliate_product_price"> <span class="small small-top">$</span>32.99 <span class="small small-top text-strike text-danger">$33.05</span> </p> </div> <div class="col-sm-6 col-md-2"> <div class="link-image-wrap affiliate_product_image"><a rel="sponsored" class="link-image" target="_blank" href="https://www.amazon.com/dp/B08YHTGM41?tag=shunstudent-20"><img src="https://m.media-amazon.com/images/I/610+rgp-etS._AC_UY218_.jpg" alt="How To Build A Website For Kids AGES 12 – 18 : Simple, Concise & Easy Guide To Building Websites Using HTML & CSS" width="132" height="83" /></a></div> <a target="_blank" rel="sponsored" href="https://www.amazon.com/dp/B08YHTGM41?tag=shunstudent-20" class="affiliate_product_title">How To Build A Website For Kids AGES 12 – 18 : Simple, Concise & Easy Guide To Building Websites Using HTML & CSS</a> <p class="affiliate_product_price"> <span class="small small-top">$</span>7.99 </p> </div> <div class="col-sm-6 col-md-2"> <div class="link-image-wrap affiliate_product_image"><a rel="sponsored" class="link-image" target="_blank" href="https://www.amazon.com/dp/1449319270?tag=shunstudent-20"><img src="https://m.media-amazon.com/images/I/91YPcsFTbIL._AC_UY218_.jpg" alt="Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics" width="132" height="83" /></a></div> <a target="_blank" rel="sponsored" href="https://www.amazon.com/dp/1449319270?tag=shunstudent-20" class="affiliate_product_title">Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics</a> <p class="affiliate_product_price"> <span class="small small-top">$</span>22.56 <span class="small small-top text-strike text-danger">$49.99</span> </p> </div> <div class="col-sm-6 col-md-2"> <div class="link-image-wrap affiliate_product_image"><a rel="sponsored" class="link-image" target="_blank" href="https://www.amazon.com/dp/1493224220?tag=shunstudent-20"><img src="https://m.media-amazon.com/images/I/71Nu2eNEk8L._AC_UY218_.jpg" alt="HTML & CSS: The Comprehensive Guide to Excelling in HTML5 and CSS3 for Responsive Web Design, Dynamic Content, and Modern Layouts (Rheinwerk Computing)" width="132" height="83" /></a></div> <a target="_blank" rel="sponsored" href="https://www.amazon.com/dp/1493224220?tag=shunstudent-20" class="affiliate_product_title">HTML & CSS: The Comprehensive Guide to Excelling in HTML5 and CSS3 for Responsive Web Design, Dynamic Content, and Modern Layouts (Rheinwerk Computing)</a> <p class="affiliate_product_price"> <span class="small small-top">$</span>43.38 <span class="small small-top text-strike text-danger">$59.95</span> </p> </div> <div class="col-sm-6 col-md-2"> <div class="link-image-wrap affiliate_product_image"><a rel="sponsored" class="link-image" target="_blank" href="https://www.amazon.com/dp/1118289382?tag=shunstudent-20"><img src="https://m.media-amazon.com/images/I/81SAcxWeWlL._AC_UY218_.jpg" alt="HTML5 and CSS3 All-in-One For Dummies" width="132" height="83" /></a></div> <a target="_blank" rel="sponsored" href="https://www.amazon.com/dp/1118289382?tag=shunstudent-20" class="affiliate_product_title">HTML5 and CSS3 All-in-One For Dummies</a> <p class="affiliate_product_price"> <span class="small small-top">$</span>29.39 <span class="small small-top text-strike text-danger">$44.99</span> </p> </div> </div><p class='hr-lines'><img src='/images/shunstudent-logo.png' alt='shunstudent' width='100'></p><h2 class='border-0 pt-0' id='visual-aids-&-analogies:-use-relatable-analogies-(e.g.,-html-as-a-house-blueprint)-for-clarity'><strong>Visual Aids & Analogies: Use relatable analogies (e.g., HTML as a house blueprint) for clarity</strong></h2> <p>When teaching HTML to elementary students, visual aids and relatable analogies are powerful tools to simplify complex concepts. One effective analogy is comparing HTML to a house blueprint. Just as a blueprint outlines the structure of a house, HTML serves as the foundation for building web pages. Explain that `<html>`, `<head>`, and `<body>` tags are like the main sections of a blueprint: the overall plan, the details (like the title or style), and the living space, respectively. This analogy helps students visualize how HTML organizes content and provides a clear framework for understanding its purpose.</p><p>Another useful analogy is likening HTML tags to building blocks. Each tag, such as `<h1>` for headings or `<p>` for paragraphs, is like a specific block that serves a unique function. For instance, `<h1>` is a large, prominent block for important titles, while `<p>` is a smaller block for regular text. By physically using colorful blocks or drawing them on a whiteboard, students can see how these tags stack together to create a webpage. This hands-on approach reinforces the idea that HTML is about structuring information in a logical way.</p><p>To further illustrate HTML’s role, compare it to the skeleton of a body. Just as bones provide structure and support, HTML gives a webpage its shape and organization. Without the skeleton, the body would collapse; similarly, without HTML, a webpage would be a jumbled mess of text and images. Use a simple diagram of a skeleton and a basic HTML structure side by side to show how elements like `<header>`, `<footer>`, and `<div>` act like the skull, ribs, and limbs, holding everything in place.</p><p>Incorporating real-life objects as visual aids can also make HTML more tangible. For example, use a notebook to represent a webpage, where the cover is the `<head>` (containing metadata like the title), and the pages inside are the `<body>` (holding the visible content). Write sample HTML tags on sticky notes and place them on the notebook to demonstrate how tags define different parts of the page. This interactive method allows students to manipulate and rearrange elements, fostering a deeper understanding of HTML’s role in web design.</p><p>Finally, interactive storytelling can bring HTML to life. Imagine a story where a character is building a digital castle using HTML. The `<header>` is the grand entrance, the `<nav>` is the map guiding visitors through the castle, and the `<img>` tags are the paintings decorating the walls. As you narrate, draw or project visuals of the castle evolving with each HTML element. This engaging approach not only clarifies the function of tags but also sparks creativity, making learning HTML an enjoyable adventure for young students.</p><div class='unit see-also'> <div class='see-also-icon'><span class='icon icon-primary icon-lg-big icon icon-md icon-primary fa-see-also'></span></div> <div class='unit-body mb-0'> <h5><a href='https://shunstudent.com/article/how-to-teach-college-students-critical-thinking'>Empowering College Minds: Strategies to Foster Critical Thinking Skills</a></h5> <p class='text-gray-05 mt-0'>You may want to see also</p> </div> </div><h2 id='faqs'><strong>Frequently asked questions</strong></h2> <div class='accordion accordion-group accordion-group-corporate mt-4' id='accordionTwo'><article class='accordion-item accordion-custom accordion-corporate'> <div class='accordion-header' id='accordionTwo-accordion-head-0'> <div class='accordion-title'> <button class='accordion-button collapsed' type='button' data-bs-toggle='collapse' data-bs-target='#accordionTwo-accordion-body-0' aria-controls='accordionTwo-accordion-body-0' aria-expanded='false'>What is the best age to start teaching elementary students HTML?<span class='accordion-arrow'></span> </button> </div> </div> <div class='accordion-collapse collapse' id='accordionTwo-accordion-body-0' aria-labelledby='accordionTwo-accordion-head-0' data-bs-parent='#accordionTwo'> <div class='accordion-body'> <p class='text-gray-05'><p>Students as young as 8-10 years old can begin learning HTML basics. At this age, they develop logical thinking and can grasp simple coding concepts through visual and interactive tools.</p></p> </div> </div> </article><article class='accordion-item accordion-custom accordion-corporate'> <div class='accordion-header' id='accordionTwo-accordion-head-1'> <div class='accordion-title'> <button class='accordion-button collapsed' type='button' data-bs-toggle='collapse' data-bs-target='#accordionTwo-accordion-body-1' aria-controls='accordionTwo-accordion-body-1' aria-expanded='false'>What tools or resources are recommended for teaching HTML to elementary students?<span class='accordion-arrow'></span> </button> </div> </div> <div class='accordion-collapse collapse' id='accordionTwo-accordion-body-1' aria-labelledby='accordionTwo-accordion-head-1' data-bs-parent='#accordionTwo'> <div class='accordion-body'> <p class='text-gray-05'><p>Use kid-friendly platforms like Scratch, Code.org, or Khan Academy, which offer visual coding interfaces. Additionally, tools like Thimble (by Mozilla) allow students to write and see HTML changes in real-time.</p></p> </div> </div> </article><article class='accordion-item accordion-custom accordion-corporate'> <div class='accordion-header' id='accordionTwo-accordion-head-2'> <div class='accordion-title'> <button class='accordion-button collapsed' type='button' data-bs-toggle='collapse' data-bs-target='#accordionTwo-accordion-body-2' aria-controls='accordionTwo-accordion-body-2' aria-expanded='false'>How can I make learning HTML engaging for elementary students?<span class='accordion-arrow'></span> </button> </div> </div> <div class='accordion-collapse collapse' id='accordionTwo-accordion-body-2' aria-labelledby='accordionTwo-accordion-head-2' data-bs-parent='#accordionTwo'> <div class='accordion-body'> <p class='text-gray-05'><p>Incorporate hands-on activities, such as creating simple web pages about their favorite topics (e.g., pets, hobbies). Use games, storytelling, and collaborative projects to keep them motivated and interested.</p></p> </div> </div> </article><article class='accordion-item accordion-custom accordion-corporate'> <div class='accordion-header' id='accordionTwo-accordion-head-3'> <div class='accordion-title'> <button class='accordion-button collapsed' type='button' data-bs-toggle='collapse' data-bs-target='#accordionTwo-accordion-body-3' aria-controls='accordionTwo-accordion-body-3' aria-expanded='false'>Do elementary students need prior coding knowledge to learn HTML?<span class='accordion-arrow'></span> </button> </div> </div> <div class='accordion-collapse collapse' id='accordionTwo-accordion-body-3' aria-labelledby='accordionTwo-accordion-head-3' data-bs-parent='#accordionTwo'> <div class='accordion-body'> <p class='text-gray-05'><p>No, HTML is a great starting point for beginners. Its straightforward structure and immediate visual feedback make it accessible, even for students with no prior coding experience.</p></p> </div> </div> </article></div> </div> <div class="row"> <div class="col-md-6 mb-4"> <span class="icon fa-pencil-square-o"></span> <span>Written by</span> <ul class="list-inline list-inline-xs mt-2"> <li><a class="link-primary link-primary-bold" href="/author/douglas-olsen"><img class="img-circle author-icon" src="/images/shunstudent/douglas_olsen.jpg" alt="Douglas Olsen" width="50" height="50" alt=""></a></li> <li> <a class="link-primary link-primary-bold" href="/author/douglas-olsen">Douglas Olsen</a> <br /> <span class="badge mark mark-danger">Author</span> </li> </ul> </div> <div class="col-md-6 mb-4"> <span class="icon icon-primary fa-check-circle-o"></span> <span>Reviewed by</span> <ul class="list-inline list-inline-xs mt-2"> <li><a class="link-primary link-primary-bold" href="/author/janice-lozano"><img class="img-circle author-icon" src="/images/shunstudent/janice_lozano.jpg" alt="Janice Lozano" width="50" height="50" alt=""></a></li> <li> <a class="link-primary link-primary-bold" href="/author/janice-lozano">Janice Lozano</a> <br /> <span class="badge mark mark-danger">Author</span> <span class="badge mark mark-warning text-black">Editor</span> <span class="badge mark mark-warning text-black">Reviewer</span> </li> </ul> </div> </div> <div class="row row-30 shift-top-1"> <h3 class="affiliate_products">Explore related products</h3> <div class="col-sm-6 col-md-2"> <div class="link-image-wrap affiliate_product_image"><a rel="sponsored" class="link-image" target="_blank" href="https://www.amazon.com/dp/0321928830?tag=shunstudent-20"><img src="https://m.media-amazon.com/images/I/71LAQztyJkL._AC_UY218_.jpg" alt="HTML and CSS: Visual QuickStart Guide" width="132" height="83" /></a></div> <a target="_blank" rel="sponsored" href="https://www.amazon.com/dp/0321928830?tag=shunstudent-20" class="affiliate_product_title">HTML and CSS: Visual QuickStart Guide</a> <p class="affiliate_product_price"> <span class="small small-top">$</span>31.71 <span class="small small-top text-strike text-danger">$39.99</span> </p> </div> <div class="col-sm-6 col-md-2"> <div class="link-image-wrap affiliate_product_image"><a rel="sponsored" class="link-image" target="_blank" href="https://www.amazon.com/dp/B07Z8SMN42?tag=shunstudent-20"><img src="https://m.media-amazon.com/images/I/71XbnyIEn9L._AC_UL320_.jpg" alt="Beginner's Step-by-Step Coding Course: Learn Computer Programming the Easy Way (DK Complete Courses)" width="132" height="83" /></a></div> <a target="_blank" rel="sponsored" href="https://www.amazon.com/dp/B07Z8SMN42?tag=shunstudent-20" class="affiliate_product_title">Beginner's Step-by-Step Coding Course: Learn Computer Programming the Easy Way (DK Complete Courses)</a> <p class="affiliate_product_price"> <span class="small small-top">$</span>12.99 <span class="small small-top text-strike text-danger">$30</span> </p> </div> <div class="col-sm-6 col-md-2"> <div class="link-image-wrap affiliate_product_image"><a rel="sponsored" class="link-image" target="_blank" href="https://www.amazon.com/dp/B07NVD43MD?tag=shunstudent-20"><img src="https://m.media-amazon.com/images/I/81ko3tEcuVL._AC_UL320_.jpg" alt="Teach Tech Mech 5, Mechanical Coding Robot" width="132" height="83" /></a></div> <a target="_blank" rel="sponsored" href="https://www.amazon.com/dp/B07NVD43MD?tag=shunstudent-20" class="affiliate_product_title">Teach Tech Mech 5, Mechanical Coding Robot</a> <p class="affiliate_product_price"> <span class="small small-top">$</span>16.01 <span class="small small-top text-strike text-danger">$22.49</span> </p> </div> <div class="col-sm-6 col-md-2"> <div class="link-image-wrap affiliate_product_image"><a rel="sponsored" class="link-image" target="_blank" href="https://www.amazon.com/dp/B00008BFZH?tag=shunstudent-20"><img src="https://m.media-amazon.com/images/I/91THy3rMlCL._AC_UL320_.jpg" alt="Snap Circuits Jr. SC-100 Electronics Exploration Kit, Over 100 Projects, Full Color Project Manual, 28 Parts, STEM Educational Toy for Kids 8 +" width="132" height="83" /></a></div> <a target="_blank" rel="sponsored" href="https://www.amazon.com/dp/B00008BFZH?tag=shunstudent-20" class="affiliate_product_title">Snap Circuits Jr. SC-100 Electronics Exploration Kit, Over 100 Projects, Full Color Project Manual, 28 Parts, STEM Educational Toy for Kids 8 +</a> <p class="affiliate_product_price"> <span class="small small-top">$</span>26.99 <span class="small small-top text-strike text-danger">$32.99</span> </p> </div> <div class="col-sm-6 col-md-2"> <div class="link-image-wrap affiliate_product_image"><a rel="sponsored" class="link-image" target="_blank" href="https://www.amazon.com/dp/1119889561?tag=shunstudent-20"><img src="https://m.media-amazon.com/images/I/71xdJ65b4RL._AC_UL320_.jpg" alt="Coding All-in-One For Dummies (For Dummies (Computer/Tech))" width="132" height="83" /></a></div> <a target="_blank" rel="sponsored" href="https://www.amazon.com/dp/1119889561?tag=shunstudent-20" class="affiliate_product_title">Coding All-in-One For Dummies (For Dummies (Computer/Tech))</a> <p class="affiliate_product_price"> <span class="small small-top">$</span>24.72 <span class="small small-top text-strike text-danger">$41.99</span> </p> </div> <div class="col-sm-6 col-md-2"> <div class="link-image-wrap affiliate_product_image"><a rel="sponsored" class="link-image" target="_blank" href="https://www.amazon.com/dp/B0DSCJ9XB6?tag=shunstudent-20"><img src="https://m.media-amazon.com/images/I/81eSoqE1lAL._AC_UL320_.jpg" alt="Thames & Kosmos My Robotic Pet: Coding Chameleon STEM Building & Experiment Kit | Color-Sensing Coding Robot for Boys & Girls Ages 8+, Screen-Free Educational Fun, Robotic Reptile with 3 Play Modes" width="132" height="83" /></a></div> <a target="_blank" rel="sponsored" href="https://www.amazon.com/dp/B0DSCJ9XB6?tag=shunstudent-20" class="affiliate_product_title">Thames & Kosmos My Robotic Pet: Coding Chameleon STEM Building & Experiment Kit | Color-Sensing Coding Robot for Boys & Girls Ages 8+, Screen-Free Educational Fun, Robotic Reptile with 3 Play Modes</a> <p class="affiliate_product_price"> <span class="small small-top">$</span>39.97 <span class="small small-top text-strike text-danger">$54.95</span> </p> </div> <div class="col-sm-6 col-md-2"> <div class="link-image-wrap affiliate_product_image"><a rel="sponsored" class="link-image" target="_blank" href="https://www.amazon.com/dp/0984782850?tag=shunstudent-20"><img src="https://m.media-amazon.com/images/I/61mIq2iJUXL._AC_UL320_.jpg" alt="Cracking the Coding Interview: 189 Programming Questions and Solutions" width="132" height="83" /></a></div> <a target="_blank" rel="sponsored" href="https://www.amazon.com/dp/0984782850?tag=shunstudent-20" class="affiliate_product_title">Cracking the Coding Interview: 189 Programming Questions and Solutions</a> <p class="affiliate_product_price"> <span class="small small-top">$</span>16.21 <span class="small small-top text-strike text-danger">$39.95</span> </p> </div> <div class="col-sm-6 col-md-2"> <div class="link-image-wrap affiliate_product_image"><a rel="sponsored" class="link-image" target="_blank" href="https://www.amazon.com/dp/B01EWNUUUA?tag=shunstudent-20"><img src="https://m.media-amazon.com/images/I/81E8cq-CTaL._AC_UL320_.jpg" alt="ELEGOO Mega R3 Project The Most Complete Ultimate Starter Kit with Tutorial Compatible with Arduino IDE" width="132" height="83" /></a></div> <a target="_blank" rel="sponsored" href="https://www.amazon.com/dp/B01EWNUUUA?tag=shunstudent-20" class="affiliate_product_title">ELEGOO Mega R3 Project The Most Complete Ultimate Starter Kit with Tutorial Compatible with Arduino IDE</a> <p class="affiliate_product_price"> <span class="small small-top">$</span>52.79 <span class="small small-top text-strike text-danger">$65.99</span> </p> </div> <div class="col-sm-6 col-md-2"> <div class="link-image-wrap affiliate_product_image"><a rel="sponsored" class="link-image" target="_blank" href="https://www.amazon.com/dp/B07HGKWBNR?tag=shunstudent-20"><img src="https://m.media-amazon.com/images/I/613OywaWyvL._AC_UL320_.jpg" alt="Coding for Kids with Minecraft - Ages 9+ Learn Real Computer Programming and Code Amazing Minecraft Mods with Java - Award-Winning Online Courses (PC & Mac)" width="132" height="83" /></a></div> <a target="_blank" rel="sponsored" href="https://www.amazon.com/dp/B07HGKWBNR?tag=shunstudent-20" class="affiliate_product_title">Coding for Kids with Minecraft - Ages 9+ Learn Real Computer Programming and Code Amazing Minecraft Mods with Java - Award-Winning Online Courses (PC & Mac)</a> <p class="affiliate_product_price"> <span class="small small-top">$</span>59 </p> </div> <div class="col-sm-6 col-md-2"> <div class="link-image-wrap affiliate_product_image"><a rel="sponsored" class="link-image" target="_blank" href="https://www.amazon.com/dp/B072B6QVVW?tag=shunstudent-20"><img src="https://m.media-amazon.com/images/I/61ioFHqXsqL._AC_UL320_.jpg" alt="Sphero Mini (Blue) - Coding Robot Ball - Educational Coding and Gaming for Kids and Teens - Bluetooth Connectivity - Interactive and Fun Learning Experience for Ages 8+" width="132" height="83" /></a></div> <a target="_blank" rel="sponsored" href="https://www.amazon.com/dp/B072B6QVVW?tag=shunstudent-20" class="affiliate_product_title">Sphero Mini (Blue) - Coding Robot Ball - Educational Coding and Gaming for Kids and Teens - Bluetooth Connectivity - Interactive and Fun Learning Experience for Ages 8+</a> <p class="affiliate_product_price"> <span class="small small-top">$</span>59 </p> </div> <div class="col-sm-6 col-md-2"> <div class="link-image-wrap affiliate_product_image"><a rel="sponsored" class="link-image" target="_blank" href="https://www.amazon.com/dp/1718502702?tag=shunstudent-20"><img src="https://m.media-amazon.com/images/I/81ZBWeKoZVL._AC_UL320_.jpg" alt="Python Crash Course, 3rd Edition: A Hands-On, Project-Based Introduction to Programming" width="132" height="83" /></a></div> <a target="_blank" rel="sponsored" href="https://www.amazon.com/dp/1718502702?tag=shunstudent-20" class="affiliate_product_title">Python Crash Course, 3rd Edition: A Hands-On, Project-Based Introduction to Programming</a> <p class="affiliate_product_price"> <span class="small small-top">$</span>27.53 <span class="small small-top text-strike text-danger">$49.99</span> </p> </div> <div class="col-sm-6 col-md-2"> <div class="link-image-wrap affiliate_product_image"><a rel="sponsored" class="link-image" target="_blank" href="https://www.amazon.com/dp/B0BKH3CW7X?tag=shunstudent-20"><img src="https://m.media-amazon.com/images/I/91QQVZ+APJL._AC_UL320_.jpg" alt="Adventure Kit: 30 Days Lost in Space | Premium STEM Coding Course for Adults & Teens | Robotics & Engineering Projects with Expert Teachers | Arduino IDE Compatible Kit" width="132" height="83" /></a></div> <a target="_blank" rel="sponsored" href="https://www.amazon.com/dp/B0BKH3CW7X?tag=shunstudent-20" class="affiliate_product_title">Adventure Kit: 30 Days Lost in Space | Premium STEM Coding Course for Adults & Teens | Robotics & Engineering Projects with Expert Teachers | Arduino IDE Compatible Kit</a> <p class="affiliate_product_price"> <span class="small small-top">$</span>49.98 </p> </div> </div> <div class="row"> <div class="col-12 col-md-3 mb-4"> <span>Share this post</span> <ul class="list-inline list-inline-xs mt-2"> <li><a class="icon icon-xxs-small link-tundora fa-facebook" href="https://www.facebook.com/sharer/sharer.php?u=https://shunstudent.com/article/how-to-teach-elementary-students-html&src=sdkpreparse" target="_blank"></a></li> <li><a class="icon icon-xxs-small link-tundora fa-twitter" href="http://twitter.com/share?url=https://shunstudent.com/article/how-to-teach-elementary-students-html" target="_blank"></a></li> </ul> </div> <div class="col-12 col-md-3 mb-4"> <span>Print</span> <ul class="list-inline list-inline-xs mt-2"> <li><button class="btn btn-icon-only p-0" onclick="window:print()"><i class="icon icon-xxs-small link-tundora fa-print"></i></button></li> </ul> </div> <div class="col-12 col-md-6 mb-4"> <span>Did this article help you?</span> <ul class="list-inline list-inline-xs mt-2" id="help-questions"> <li><button id="btn-help-yes" class="btn btn-icon btn-icon-left btn-ebony-clay-outline py-1 px-3 border-1"><span class="icon icon-xs-smaller fa-smile-o"></span>Yes</button></li> <li><button id="btn-help-no" class="btn btn-icon btn-icon-left btn-ebony-clay-outline py-1 px-3 border-1"><span class="icon icon-xs-smaller fa-frown-o"></span>No</button></li> </ul> <div id="help-yes-response" class="mt-2" style="display:none"> <p>It is awesome. Thank you for your feedback!</p> </div> <div id="help-no-response" class="mt-2" style="display:none"> <p>We are sorry. Plesae let us know what went wrong?</p> <div class="form-check"> <input class="form-check-input" value="The instructions did not work" type="radio" name="help" id="help-1" checked> <label class="form-check-label" for="help-1"> The instructions didn't work. </label> </div> <div class="form-check"> <input class="form-check-input" value="I could not follow the instruction" type="radio" name="help" id="help-2"> <label class="form-check-label" for="help-2"> I couldn't follow the instruction. </label> </div> <div class="form-check"> <input class="form-check-input" value="This article did not describe my problem" type="radio" name="help" id="help-3"> <label class="form-check-label" for="help-3"> This article didn't describe my problem. </label> </div> <div class="form-check"> <input class="form-check-input" value="This is a stupid topic" type="radio" name="help" id="help-4"> <label class="form-check-label" for="help-4"> This is a stupid topic. </label> </div> <button id="btn-help-submit" class="btn btn-icon btn-icon-left btn-ebony-clay-outline py-1 px-3 mt-4 border-1 font-weight-normal">Submit</button> </div> <div id="help-submit-response" class="mt-2" style="display:none"> <p>We will update our content. Thank you for your feedback!</p> </div> </div> </div> </article> <div class="divider-fullwidth bg-gray-lighter"></div> <div class="comment-list-wrap" id="comments"> </div> <div class="comments-wrap"> <h4>Leave a comment</h4> <div class="form-classic-wrap"> <label class="form-label-outside" id="form-comment">Please <a class='link-primary' href='/auth/log-in'>log in</a> or <a class='link-primary' href='/auth/register'>register an account</a> to comment.</label> </div> </div> </div> <div class="col-lg-4 col-xl-3 p-lg-0"> <div> <div> <h5 class="text-uppercase">Teachers photos</h5> <a href="/gallery/student-teachers" target="_blank"> <div class="galleries"> <div class="gallery-image"> <img src="/images/resources/student-teachers_thumb_20251116115056361.jpeg" alt="student teachers" /> </div> <div class="gallery-image"> <img src="/images/resources/student-teachers_thumb_20251116114818236.jpeg" alt="student teachers" /> </div> <div class="gallery-image"> <img src="/images/resources/student-teachers_thumb_20251116115117696.jpeg" alt="student teachers" /> </div> <div class="gallery-image"> <img src="/images/resources/student-teachers_thumb_20251116115040551.jpeg" alt="student teachers" /> </div> <div class="gallery-image"> <img src="/images/resources/student-teachers_thumb_20251116114941703.jpeg" alt="student teachers" /> </div> <div class="gallery-image"> <img src="/images/resources/student-teachers_thumb_20251116115044141.jpeg" alt="student teachers" /> </div> <div class="gallery-image"> <img src="/images/resources/student-teachers_thumb_20251116114946026.jpeg" alt="student teachers" /> </div> <div class="gallery-image"> <img src="/images/resources/student-teachers_thumb_20251116114853430.jpeg" alt="student teachers" /> </div> <div class="gallery-image"> <img src="/images/resources/student-teachers_thumb_20251116114959794.jpeg" alt="student teachers" /> </div> <div class="gallery-image"> <img src="/images/resources/student-teachers_thumb_20251116115201190.jpeg" alt="student teachers" /> </div> <div class="gallery-image"> <img src="/images/resources/student-teachers_thumb_20251116115058920.jpeg" alt="student teachers" /> </div> <div class="gallery-image"> <img src="/images/resources/student-teachers_thumb_20251116115100384.jpeg" alt="student teachers" /> </div> </div> </a> </div> <div class="section-60"> <h5 class="text-uppercase">Related posts</h5> <article class="post post-preview"> <a href="/article/how-to-teach-elementary-students-effectively"> <div class="unit flex-row unit-spacing-sm"> <div class="unit-left"> <figure class="post-image"> <img src="/images/resources/how-to-teach-elementary-students-effectively_20251013133536.webp" alt="Engaging Strategies for Teaching Elementary Students Effectively and Creatively" width="70" height="70"> </figure> </div> <div class="unit-body"> <div class="post-header"> <p>Engaging Strategies for Teaching Elementary Students Effectively and Creatively</p> </div> <div class="post-meta mt-0"> <ul class="list-meta"> <li> <time datetime="2025-10-13">Oct 13, 2025</time> </li> </ul> </div> </div> </div> </a> </article> <article class="post post-preview"> <a href="/article/how-to-teach-elementary-students-how-to-study"> <div class="unit flex-row unit-spacing-sm"> <div class="unit-left"> <figure class="post-image"> <img src="/images/resources/how-to-teach-elementary-students-how-to-study_20251013134102.webp" alt="Effective Study Strategies for Elementary Students: A Teacher’s Guide" width="70" height="70"> </figure> </div> <div class="unit-body"> <div class="post-header"> <p>Effective Study Strategies for Elementary Students: A Teacher’s Guide</p> </div> <div class="post-meta mt-0"> <ul class="list-meta"> <li> <time datetime="2025-10-13">Oct 13, 2025</time> </li> </ul> </div> </div> </div> </a> </article> <article class="post post-preview"> <a href="/article/how-to-teach-elementary-students-to-be-good-wrtiers"> <div class="unit flex-row unit-spacing-sm"> <div class="unit-left"> <figure class="post-image"> <img src="/images/resources/how-to-teach-elementary-students-to-be-good-wrtiers_20251013153643.webp" alt="Nurturing Young Writers: Essential Strategies for Elementary Writing Success" width="70" height="70"> </figure> </div> <div class="unit-body"> <div class="post-header"> <p>Nurturing Young Writers: Essential Strategies for Elementary Writing Success</p> </div> <div class="post-meta mt-0"> <ul class="list-meta"> <li> <time datetime="2025-10-13">Oct 13, 2025</time> </li> </ul> </div> </div> </div> </a> </article> <article class="post post-preview"> <a href="/article/how-to-teach-elementary-students-negative-reinforcement"> <div class="unit flex-row unit-spacing-sm"> <div class="unit-left"> <figure class="post-image"> <img src="/images/resources/how-to-teach-elementary-students-negative-reinforcement_20251013142814.webp" alt="Effective Strategies for Teaching Negative Reinforcement to Elementary Students" width="70" height="70"> </figure> </div> <div class="unit-body"> <div class="post-header"> <p>Effective Strategies for Teaching Negative Reinforcement to Elementary Students</p> </div> <div class="post-meta mt-0"> <ul class="list-meta"> <li> <time datetime="2025-10-13">Oct 13, 2025</time> </li> </ul> </div> </div> </div> </a> </article> <article class="post post-preview"> <a href="/article/how-to-teach-elementary-students-to-synthesize"> <div class="unit flex-row unit-spacing-sm"> <div class="unit-left"> <figure class="post-image"> <img src="/images/resources/how-to-teach-elementary-students-to-synthesize_20251013161055.webp" alt="Teaching Synthesis: Empowering Elementary Students to Connect Ideas Effectively" width="70" height="70"> </figure> </div> <div class="unit-body"> <div class="post-header"> <p>Teaching Synthesis: Empowering Elementary Students to Connect Ideas Effectively</p> </div> <div class="post-meta mt-0"> <ul class="list-meta"> <li> <time datetime="2025-10-13">Oct 13, 2025</time> </li> </ul> </div> </div> </div> </a> </article> <article class="post post-preview"> <a href="/article/how-to-teach-elementary-students-length-conversion"> <div class="unit flex-row unit-spacing-sm"> <div class="unit-left"> <figure class="post-image"> <img src="/images/resources/how-to-teach-elementary-students-length-conversion_20251013134648.webp" alt="Mastering Length Conversion: Fun Strategies for Elementary Students" width="70" height="70"> </figure> </div> <div class="unit-body"> <div class="post-header"> <p>Mastering Length Conversion: Fun Strategies for Elementary Students</p> </div> <div class="post-meta mt-0"> <ul class="list-meta"> <li> <time datetime="2025-10-13">Oct 13, 2025</time> </li> </ul> </div> </div> </div> </a> </article> </div> </div> </div> </div> </div> </section> <footer class="page-foot bg-ebony-clay context-dark"> <div class="section-40 section-md-75"> <div class="container"> <div class="row justify-content-sm-center"> <div class="col-sm-9 col-md-11 col-xl-12"> <div class="row row-50"> <div class="col-md-6 col-lg-10 col-xl-3"> <div class="inset-xl-right-20" style="max-width: 510px;"> <a class="brand brand-inverse" href="/"><img src="/images/shunstudent-logo-footer.png" alt="ShunStudent" width="145" height="30" /></a> <p class="text-shuttle-gray">Your future is created by what you do today</p> <a class="link link-group link-group-animated link-bold link-white" href="/contact-us"><span>Contact us</span><span class="icon icon-xxs icon-primary fa fa-angle-right"></span></a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <h6 class="">Recent posts</h6> <article class="post post-preview post-preview-inverse"> <a href="/article/how-to-prevent-a-student-from-derailing-a-class"> <div class="unit flex-row unit-spacing-lg"> <div class="unit-left"> <figure class="post-image"> <img src="/images/resources/how-to-prevent-a-student-from-derailing-a-class_20260609125853.webp" alt="Maintaining Classroom Harmony: Strategies to Keep Students on Track" width="70" /> </figure> </div> <div class="unit-body"> <div class="post-header"> <p>Maintaining Classroom Harmony: Strategies to Keep Students on Track</p> </div> <div class="post-meta"> <ul class="list-meta"> <li> <time datetime="article.CreatedDate.ToString(" yyyy-MM-dd")">Jun 09, 2026</time> </li> </ul> </div> </div> </div> </a> </article> <article class="post post-preview post-preview-inverse"> <a href="/article/what-goveremnt-policies-for-students-to-go-to-underresoruced-schools"> <div class="unit flex-row unit-spacing-lg"> <div class="unit-left"> <figure class="post-image"> <img src="/images/resources/what-goveremnt-policies-for-students-to-go-to-underresoruced-schools_20260609125000.webp" alt="Bridging the Gap: Empowering Students in Under-Resourced Schools" width="70" /> </figure> </div> <div class="unit-body"> <div class="post-header"> <p>Bridging the Gap: Empowering Students in Under-Resourced Schools</p> </div> <div class="post-meta"> <ul class="list-meta"> <li> <time datetime="article.CreatedDate.ToString(" yyyy-MM-dd")">Jun 09, 2026</time> </li> </ul> </div> </div> </div> </a> </article> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <h6 class="">Quick links</h6> <div class="row" style="max-width: 270px;"> <div class="col-12"> <ul class="list-marked-variant-2"> <li><a href="/">Home</a></li> <li><a href="/about-us">About us</a></li> <li><a href="/advertisement">Advertisement</a></li> <li><a href="/job-opportunities">Job opportunities</a></li> <li><a href="/terms-of-use">Terms of use</a></li> </ul> </div> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <h6 class="">Contact us</h6> <address class="contact-info text-start"> <div class="unit flex-row unit-spacing-md align-items-center"> <div class="unit-left"><span class="icon icon-xs text-shuttle-gray fa-phone"></span></div> <div class="unit-body"><a class="link-white" href="callto:+12087373605">+1-208-737-3605</a></div> </div> <div class="unit flex-row unit-spacing-md align-items-center"> <div class="unit-left"><span class="icon icon-xs text-shuttle-gray fa fa-envelope-o"></span></div> <div class="unit-body"><a class="link-white" href="mailto:contact@shunstudent.com">contact@shunstudent.com</a></div> </div> <div class="unit flex-row unit-spacing-md"> <div class="unit-left"><span class="icon icon-xs text-shuttle-gray fa-map-marker"></span></div> <div class="unit-body"><a class="link-white d-inline" href="#">94611 Stephany Trail<br/>Kilbackborough, 80271-0763 Mississippi</a></div> </div> </address> </div> </div> </div> </div> </div> </div> <div class="container"> <hr> </div> </footer> <footer class="page-foot section section-35 bg-ebony-clay context-dark"> <div class="container text-center"> <div class="row row-15 flex-row-md-reverse justify-content-md-between align-items-md-center"> <div class="col-md-6 text-md-end"> <div class="group-sm group-middle"> <p class="font-italic text-white">Follow Us:</p> <ul class="list-inline list-inline-reset"> <li><a class="icon icon-round icon-pciked-bluewood icon-xxs-smallest fa fa-facebook" href="#"></a></li> <li><a class="icon icon-round icon-pciked-bluewood icon-xxs-smallest fa fa-twitter" href="#"></a></li> <li><a class="icon icon-round icon-pciked-bluewood icon-xxs-smallest fa fa-instagram" href="#"></a></li> <li><a class="icon icon-round icon-pciked-bluewood icon-xxs-smallest fa fa-pinterest" href="#"></a></li> </ul> </div> </div> <div class="col-md-6 text-md-start"> <p class="rights text-white"><span class="copyright-year"></span><span> © </span><span>ShunStudent. </span><a class="link-white-v2" href="/privacy-policy">Privacy Policy</a></p> </div> </div> </div> </footer> </div> <script src="/js/core.min.js"></script> <script src="/js/script.js"></script> <script src="/js/toastr.min.js"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-0TCVQ3TL2G"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-0TCVQ3TL2G'); </script> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2317077926147676" crossorigin="anonymous"></script> <script src='/js/app/app.article.js?v=LyGZr4HmFXvHhhF7lYoQpjShjXZ0Y5Vk5dabwXvXvBM'></script> <script type="text/javascript"> $('.post-single .content-box h2').after().click(function () { const _this = this; $('.post-single .content-box ul').show(); $('.post-single .content-box').addClass("hide-expand-icon"); }); </script> </body> </html>