Lesson for Learning the Basics of HTML


For beginners who are interested in learning basic Web development by using HTML (HyperText Markup Language) here are some helpful HTML tags to start practicing with. Listed below is the basic framework you will need to create an HTML page:


< itle><br/></head><br/><body><br/></body><br/></html><br/><br/>This framework is the foundation on which you will be able to build your HTML page. Remember that a beginning tag will have this format <name of tag> and the ending tag will have this format </name of tag>.<br/><br/>The <title> tags are where you will place the title of your page. The title appears on the title bar at the top of a Web browser. Here is an example:<br/><br/><title>Rothline Entertainment >> Offers Computer and Video Games and PC Software< itle><br/><br/>The title tags will always be between the beginning and ending <head> tags.<br/><br/>The <body> tags are where the Web page content will go.<br/><br/>Between the <body> tags the most commonly used tags are:<br/><p></p> These are the paragraph tags.<br/><br/>Heading tag 1 creates largest sized heading<br/><h2></h2> <br/><h3></h3> <br/><h4></h4> <br/><h4></h4> <br/><h5></h5> <br/><h6></h6> Heading tag 6 creates smallest sized heading<br/><br/>These are the basics, so all you need to do is use a text editor like Notepad and insert your HTML and save the file as webpage.html and you have created your first HTML page. Here is an example:<br/><br/><html><br/><head><br/><title>Rothline Entertainment >> Offers Computer and Video Games and PC Software < itle><br/></head><br/><body><br/><br/>Playstation 1 Games available for discount prices <br/><p>Ace Combat 4 A World In Conflict An Ace Pilot Ready to Take Command!! Strap yourself to the cockpit of one of 18 ferocious Jet Fighters and prepare for supersonic excitement in 18 Adrenaline-soaked missions. </p><br/><p>Baldur's Gate: Dark Alliance Experience the massively popular world of Baldur's Gate as never before! Dark Alliance thrusts you into an epic adventure filled with intense action, intricate puzzles and sinister intrigue: where your mastery of cold steel and devastating spells is the only thing between you and ultimate evil. </p><br/><br/></body><br/></html><br/><br/>Now go practice some and see what you can create with basic HTML.<br/><p> About the Author <p>Lawrence Roth is the Owner/Manager of Rothline Entertainment located at http://www.rothline.com and http://stores.ebay.com/Rothline-Entertainment.</div><div class="panel panel-default" style="padding: 10px 10px 10px 10px;"><a class="btn btn-outline-primary btn-sm" href="/on/development/">development</a> <a class="btn btn-outline-primary btn-sm" href="/on/tags/">tags</a> <a class="btn btn-outline-primary btn-sm" href="/on/title/">title</a> <a class="btn btn-outline-primary btn-sm" href="/on/where/">where</a> </div> </div> </div> <!-- /#page-content-wrapper --> </div> <!-- /#wrapper --> <footer class="footer"> <div class="container-fluid text-right"> <p class="text-muted"><i class="fa fa-copyright" aria-hidden="true"></i> <a href="http://ondapc.com/" target="_blank">ondapc</a> project 2024</p> </div> </footer> <!-- CONTACT US --> <div class="modal" id="contact"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title"><i class="far fa-envelope"></i> Contact Me</h4> <button type="button" class="close" data-dismiss="modal"><i class="fa fa-times"></i></button> </div> <div class="modal-body"> <form id="contactar" name="contactar" method="post"> <input type="hidden" name="token" value="0f83b1a020207f39b769ed9fd1745124"> <input type="hidden" name="captcha" value=""> <div class="form-group"> <div class="input-group-prepend"> <span class="input-group-text"><i class="fas fa-user"></i></span> <input class="form-control" id="name" name="name" placeholder="Your Name" required="required" value="" type="text"> </div> </div> <div class="form-group"> <div class="input-group-prepend"> <span class="input-group-text"><i class="far fa-envelope"></i></span> <input class="form-control" id="email" name="email" placeholder="Email" required="required" value="" type="email"> </div> </div> <div class="form-group"> <div class="input-group-prepend"> <span class="input-group-text"><i class="fas fa-edit"></i></span> <textarea name="message" id="message" class="form-control" rows="9" cols="25" placeholder="Write a message" required="required"></textarea> </div> </div> </div> <div class="modal-footer"> <button type="submit" class="btn btn-primary">Send <i class="fas fa-chevron-right"></i></button> </div> </div> </div> </div> <div id="contact" class="modal fade" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><i class="fa fa-times"></i></button> <h4 class="modal-title"><i class="fa fa-envelope-o"></i> Contact Me</h4> </div> <div class="modal-body"> </div> </div> </div> <script> $(function(){ $('#contactar').on('submit', function(e){ e.preventDefault(); $.ajax({ url: '/contactx/', type: 'POST', data: $('#contactar').serialize(), success: function(data){ $('#contactar')[0].reset(); $("#contact-success").append('<span><i class="fa fa-check"></i> Message Sent!</span>'); } }); }); }); </script> <!-- Bootstrap core JavaScript --> <script src="vendor/jquery/jquery.min.js"></script> <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script> <!-- Menu Toggle Script --> <script> $("#menu-toggle").click(function(e) { e.preventDefault(); $("#wrapper").toggleClass("toggled"); }); </script> </body> </html> <!-- CACHE 781e07e4744b1ad900f0c98b406c81c4 2024-05-11 01:49:27 -->