What is HTML
  • Notepad++
Headings, paragraphs and links
  • Your first Web page
  • Tags
  • Line breaks and the pre tag
  • Creating links
  • Section quiz
Attributes
  • The title attribute
HTML styles
  • text color
  • Background color
  • Text font
  • text size
  • Section: HTML styles quiz
Formatting text
  • Bold, italic, strong and emphasized text
  • Making text bigger or smaller
  • subscript and superscript
  • putting lines under text
  • Putting lines over text
  • marking text
  • Section: HTML formatting quiz
Quotation and citation
  • Making a quote
  • Address and cite
Comments
  • What are comments
Colors
  • Background color example
  • RGB
Links
  • Creating a webpage link
  • Link colors
  • Open link in new tab
Images
  • Show images
  • alt
  • Width and height
  • Images not in the same folder as webpage
  • Images on another website
  • GIF images
  • Using an image as a link
  • Animated link
  • Section: HTML Images quiz
Tables
  • Defining an HTML Table
  • Adding a border
  • Collapsed borders and padding
  • Border spacing + caption
  • cell span multiple columns
  • cells that span multiple rows
  • Section: HTML Tables quiz
Blocks
  • Creating a block
Lists
  • Creating an unordered list
  • Disc, Circle, Square and None
  • Ordered list with numbers
  • Ordered list numbers, alphabet and Roman numbers
  • nested lists
  • Section: HTML Lists quiz
Head
  • and <style></li> <li><script></li> </ul> </div> </div> <div style="margin-bottom: 20px;" class="toggle"> <div style="font-size: 18px;" class="togglet ls1 t300"> <i style="color: #007791" class="toggle-closed icon-line-plus"></i> <i style="color: #007791" class="toggle-open icon-line-minus"></i>Cool stuff to do with HTML </div> <div class="togglec ls1 t300"> <ul class="iconlist"> <li>Google maps</li> <li>Show date and time</li> </ul> </div> </div> <div style="margin-bottom: 20px;" class="toggle"> <div style="font-size: 18px;" class="togglet ls1 t300"> <i style="color: #007791" class="toggle-closed icon-line-plus"></i> <i style="color: #007791" class="toggle-open icon-line-minus"></i>Forms </div> <div class="togglec ls1 t300"> <ul class="iconlist"> <li>log in form</li> <li>Readonly and disabled, textbox size and maxlength</li> <li>Autocomplete</li> <li>Input type password, radiobutton</li> <li>Using fieldset and legend</li> <li>The select element</li> <li>Input type date, color, range</li> <li>Month and year, week and time</li> <li>Button that shows messagebox</li> <li>Select file on computer</li> <li>Registration form</li> </ul> </div> </div> </div> </div> </div><!-- Fin Contenido del curso --> <!-- Información sobre el Instructor --> <div class="container clearfix" style="padding-top: 150px;"> <div id="instructor"></div> <div class="title-left"> <h3 class="t300">Información sobre el Instructor</h3> </div> <div class="col_one_fourth"> <img style="border: 1px solid #dedfe0; border-radius: 50%;" src="https://img-c.udemycdn.com/user/100x100/19365698_0caf_2.jpg?Expires=1621875356&Signature=ZwHK3jwihh5s6OlnTAUfwvC~s3DgwKu-pCwn-TcGsSIVt6nWQvgeB-XbZifgx5ckCOhlmyYzbxoMLJqzfwOwXGvRnWcFzSlVS0z9q4WT91EyfV8cuAFxzckE9PikxKIFAVwb-D7WhD0Sgfsss9xBlLHKN78o6XjTq16XmTTnGXhwmrzDyw3JKsLWJ-rVWq~I7~aWqAvVa0k7QBEnwrZPLErp03MjXFJuRZyOSR9VCIVw4On~OiI1cNpnzc~wOJ4kaUcH2QWRxHHHAh4WbOOJXS5UK-gCI7-3oSbKhFV0BNOtm~I9M~Sz3F2M9PsTCABAaQns7js~LaVq0jz42WYq4Q__&Key-Pair-Id=APKAITJV77WS5ZT7262A" alt="Netcurso-Instructores"><br> <ul style="font-size: 18px;" class="iconlist topmargin-sm"> <li style="margin-bottom: 10px;"><i class="icon-star3"></i><div class="t300"><strong>3.85</strong> Calificación</div></li> <li style="margin-bottom: 10px;"><i class="icon-user4"></i><div class="t300"><strong>14637</strong> Estudiantes</div></li> <li style="margin-bottom: 10px;"><i class="icon-play"></i><div class="t300"><strong>2</strong> Cursos</div></li> </ul> </div> <div class="col_three_fourth col_last"> <h4 class="t300" style="color: #007791">Daniel Hovd</h4> <h5 class="t400" style="font-size: 16px;" >Software developer, Web designer, trader and marketer</h5> <div class="descri"><p>My name is <strong>Daniel</strong>, I am 21 years old and I'm from Norway ( Where there is always snowing, ice cold and the sun never shines )</p><p>I've been programming for eight years. Mosly <strong><em>C++</em></strong>, started with <strong><em>Visual basic</em></strong> and <strong><em>web developement</em></strong>.</p><p>I enjoy making videos, I make videos for Youtube and Udemy. I love teaching what I know to others, love sharing information.</p></div> </div> <div class="clear"></div> <div class="title-left"> <h3 class="t300">Student feedback</h3> </div> <div class="col_one_fourth"> <div class="t300" style="font-size: 80px;">3.85</div> <i style="color:#F4C150; font-size: 30px;" class="icon-star3"></i> <i style="color:#F4C150; font-size: 30px;" class="icon-star3"></i> <i style="color:#F4C150; font-size: 30px;" class="icon-star3"></i> <i style="color:#F4C150; font-size: 30px;" class="icon-star-half-full"></i> <i style="color:#DEDFE0; font-size: 30px;" class="icon-star3"></i> <h5 class="t300" style="font-size: 17px;">Course Rating</h5> </div> <div class="col_three_fourth col_last"> <h5 class="t400" style="font-size: 16px;" >Reviews</h5> <hr style="color: #0056b2;" /> <div class="t300" style="font-size: 17px;"> Sanjay <div style="color:gray; font-size: 12px;">12-06-2020</div> </div> <br> <i style="color:#F4C150; font-size: 18px;" class="icon-star3"></i> <i style="color:#F4C150; font-size: 18px;" class="icon-star3"></i> <i style="color:#F4C150; font-size: 18px;" class="icon-star3"></i> <i style="color:#F4C150; font-size: 18px;" class="icon-star3"></i> <i style="color:#F4C150; font-size: 18px;" class="icon-star-half-full"></i> <br>Thanks for the Basics<hr style='color: #0056b2;' /> </div> <div class="clear"></div> <div class="topmargin"> <center> <a href="https://click.linksynergy.com/link?id=re1xT8rhYck&offerid=507388.&type=2&murl=https%3A%2F%2Fwww.udemy.com%2Flearn-the-basics-of-html-in-less-than-a-week%2F" target="_blank" ><button type="button" class="btn btn-dark">Explore course</button></a> <br><br> <span>in</span> <br> <img src="//files.netcurso.net/images/udemy.png" height="50" > </center> </div> </div><!-- Fin Información sobre el Instructor --> <!--<div class="text-center my-5"> <a href="https://netcurso.net/domestika/" class="btn btn-danger btn-lg">More courses in Domestika</a> </div>--> </div> </section> <!-- FIN Content --> <!-- Footer ============================================= --> <footer id="footer" class="topmargin noborder dark" style="background-color: #4d4d4d;"> <div class="container clearfix"> <!-- Footer Widgets ============================================= --> <div class="footer-widgets-wrap clearfix"> <div class="col_one_fourth"> <div class="widget clearfix"> <div class="t400 ls1 lowercase nobottommargin" style="font-size: 36px; letter-spacing: -1px"><i>n</i>c</div> <p class="t300">@2025</p> <abbr title="Email Address">Email:</abbr> info@netcurso.net </div> </div> <div class="col_one_fourth"> <div class="widget widget_links clearfix"> <h4></h4> <ul> <li><a href="//netcurso.net/en/#categorias">Category</a></li> <li><a href="//netcurso.net/en/us">About</a></li> </ul> </div> </div> <div class="col_one_fourth"> <div class="widget widget_links clearfix"> <h4></h4> <ul> <li><a href="//netcurso.net/en/faqs">FAQs</a></li> <li><a href="//netcurso.net/en/contact">Contact</a></li> </ul> </div> </div> <div class="col_one_fourth col_last"> <div class="widget widget-twitter-feed clearfix"> <a href="https://www.instagram.com/netcurso/" target="_blank" class="social-icon si-rounded si-instagram"> <i class="icon-instagram"></i> <i class="icon-instagram"></i> </a> <a href="https://www.facebook.com/NetCurso/" target="_blank" class="social-icon si-rounded si-facebook"> <i class="icon-facebook"></i> <i class="icon-facebook"></i> </a><a href="https://youtube.com/netcurso" target="_blank" class="social-icon si-rounded si-youtube"> <i class="icon-youtube"></i> <i class="icon-youtube"></i> </a> <!--<a href="#" class="social-icon si-rounded si-twitter"> <i class="icon-twitter"></i> <i class="icon-twitter"></i>--> </a> <a href="//netcurso.net/en/contact" class="social-icon si-rounded si-email3"> <i class="icon-email3"></i> <i class="icon-email3"></i> </a> <nav id="primary-menu" class="with-arrows fnone clearfix"> <ul> <li><a href="#"><div style="color: white">EN</div></a> <ul> <li><a href="//netcurso.net/"><img src="//files.netcurso.net/images/icons/flags/espanol.png" alt="Spanish"> ES</a></li> <li><a href="//netcurso.net/fr/"><img src="//files.netcurso.net/images/icons/flags/french.png" alt="French"> FR</a></li> <li><a href="//netcurso.net/it/"><img src="//files.netcurso.net/images/icons/flags/italian.png" alt="Italian"> IT</a></li> <li><a href="//netcurso.net/de/"><img src="//files.netcurso.net/images/icons/flags/german.png" alt="German"> DE</a></li> <li><a href="//netcurso.net/pt/"><img src="//files.netcurso.net/images/icons/flags/portugal.png" alt="portugal"> PT</a></li> <li><a href="//netcurso.net/tr/"><img src="//files.netcurso.net/images/icons/flags/turky.png" alt="portugal"> TR</a></li> <li><a href="//netcurso.net/ja/"><img src="//files.netcurso.net/images/icons/flags/japon.png" alt="japon"> JA</a></li> </ul> </li> </ul> </nav> </div> </div> </div><!-- .footer-widgets-wrap end --> </div> <div class="line nomargin"></div> <!-- Copyrights ============================================= --> <div id="copyrights" class="" style="background-color: #FFF;"> <div class="container clearfix"> <div class="col_full center nomargin"> <span style="color: #4d4d4d">Copyrights © 2025 All Rights Reserved by Netcurso</span><br> <span style="color: #4d4d4d" ><i class="icon-line2-pointer"></i> With love, from Venezuela</span><br> <a target="_blank" href="https://www.bible.com/bible/1/mat.6.33"><span style="color:#ADA7A7">Matthew 6:33</span></a> </div> </div> </div><!-- #copyrights end --> </footer><!-- #footer end --> </div><!-- #wrapper end --> <!-- Go To Top ============================================= --> <div id="gotoTop" class="icon-long-arrow-up"></div> <!-- External JavaScripts ============================================= --> <!-- External JavaScripts ============================================= --> <script src="//files.netcurso.net/js/jquery-3.5.1.js"></script> <script src="//files.netcurso.net/js/plugins1.js"></script> <!-- Bootstrap Typeaheadjs Plugin --> <script src="//files.netcurso.net/js/typehead.js"></script> <!-- Footer Scripts ============================================= --> <script src="//files.netcurso.net/js/functions.js"></script> <script> var substringMatcher = function(strs) { return function findMatches(q, cb) { var matches, substringRegex; // an array that will be populated with substring matches matches = []; // regex used to determine if a string contains the substring `q` substrRegex = new RegExp(q, 'i'); // iterate through the pool of strings and for any string that // contains the substring `q`, add it to the `matches` array $.each(strs, function(i, str) { if (substrRegex.test(str)) { matches.push(str); } }); cb(matches); }; }; var states = ['Adobe', 'After Effects', 'Ajax', 'Aleman', 'Amazon', 'Amazon Web Services', 'Análisis de datos', 'Angular', 'Animación 3D', 'Aplicaciones', 'Apps', 'Arte y Creatividad', 'Autocad', 'Autocad Esencial 2D', 'Autocad Intermedio 3D', 'Autocad Productivo Render', 'Automatización', 'AWS', 'Baile', 'Base de datos', 'Belleza y Maquillaje', 'Big Data', 'Blender', 'Bootstrap', 'Branding', 'Catia', 'Centos', 'Certificación', 'Cloud computing', 'Comida y bebidas', 'Comunicación', 'Comunity manager', 'Corel Draw', 'css3', 'Deep learning', 'Desarrollo', 'Devops', 'Diseño', 'Diseño Arquitectónico', 'Drive', 'Docker', 'eCommerce', 'Educación', 'Emprendedor', 'Español', 'Excel', 'Finanzas', 'Fitness', 'Fotografia', 'Frances', 'Google', 'Hardware', 'Hogar', 'Html', 'Idiomas', 'Illustrator', 'Industria', 'Ingenieria', 'Ingles', 'Inventor', 'Java', 'Javascript', 'Jenkins', 'Juegos', 'Keynote', 'Kubernetes', 'Lamp', 'Linux', 'Machine learning', 'Marca', 'Marketing', 'Microsoft', 'Microsoft Project', 'Moda', 'MongoDB', 'Musica', 'Mysql', 'Negocios', 'Netcurso', 'NodeJS', 'Numbers', 'Nutricion', 'Oracle', 'Pages', 'Photoshop', 'PHP', 'PostgreSQL', 'Powerpoint', 'Premier', 'Programación', 'Programador', 'Proyectos', 'Publicidad', 'Python', 'Redes', 'Revit', 'Salud', 'SAP', 'Seguridad', 'Sistemas operativos', 'Sketchup', 'Social media', 'Software', 'Solidworks', 'Soluciones nube', 'Ubuntu', 'Ventas', 'Viajes', 'Videos', 'Web', 'Word', 'Wordpress', 'Yoga', ]; $('.typeahead').typeahead({ hint: true, highlight: true, minLength: 1 }, { name: 'states', source: substringMatcher(states) }); </script> <!-- OFERTAS --> <script type="text/javascript"> if (!sessionStorage.cajaOfertasU) { var mensaje = "⭐ Online Course Notifications,<a href='https://mailchi.mp/bea451e1c987/landing' class='alert-link' target='_blank'> Offers, Promotions and Free Coupons! <i class='icon-circle-arrow-right ml-2'></i></a>"; document.getElementById("cajaofertas").innerHTML="<div class='alert alert-info text-center fade show' role='alert' style='margin-bottom: 0rem;'>"+ mensaje +"<button type='button' class='close' data-dismiss='alert' aria-label='Close' onclick='nomasOfertas()' ><span aria-hidden='true'>×</span></button></div>" } function nomasOfertas() { sessionStorage.cajaOfertasU = 'true'; } </script> </body> </html>