WHAT I LEARNED ABOUT HTML

WHAT I LEARNED ABOUT HTML. first of all,what then is html? HTML stands for hyper-text markup language. WHAT IS HTML? HTML (hyper text mark up language) : This is a markup language for creating and linking web-pages and displaying the information on the world wide web. It is the building block of the web. It defines the meaning and structure of web content “Hypertext” refers to links that connect web-pages to one another either within a single website or between websites. BASIC HTML WEB STUCTURE <!DOCTYPE html> <html> <head>``` <title></title> </head> <body> </body> </html> The <!DOCTYPE html> element is a declaration of the type of document. It’s just like saying “this is html!! where the html entails the head and the body tags. THE HEAD TAG The head contains information that is not displayed as content, it has the <title> which is displayed as the name of the web-page and the meta data which is used by search engines to better locate a particular web-page or website on the web based on searches. <head> <title>LEARNING HTML</title> <meta charset=”UTF-8”> <meta name=”author” content=”bigwanluther”> <meta name=”discription” content=”This is my article”> </head> THE BODY TAG The body tag contains the content of the web-page having different tags. The body basically displays the content on the web-pages. <body> <h1>MY WEBPAGE </h1> <p>This is a web</p> </body> ``` = I ALSO LEARNED HOW TO CREATE A TABLE ``` HTML Table Tags Tag Description <table> Defines a table <th> Defines a header cell in a table <tr> Defines a row in a table <td> Defines a cell in a table <caption> Defines a table caption <colgroup> Specifies a group of one or more columns in a table for formatting <col> Specifies column properties for each column within a <colgroup> element <thead> Groups the header content in a table <tbody> Groups the body content in a table <tfoot> Groups the footer content in a table =I ALSO LEARNED HOW TO CREATE FORM HOW TO CREATE A SIMPLE FORM Using other semantic tags like the <form>, <label>, <input>. Using the <form>semantic tag to show its a form then the ``<h1>``tag to clearly state out the form, then using the<label>tag to to declare a field and the the<label>` which holds the value for a specific data, while using the input to hold a data with a an attribute to clearly define the data to be held in that field. While doing this Use the line break tag (<br>) to separate the fields because they are inline elements. <form> <h1>JOB APPLICATION FORM</h1> <label>FULL NAME</label> <input type="text"><br><br> <label>EMAIL</label> <input type="email"><br><br> <label>DATE OF BIRTH</label> <input type="date"><br><br> <label>HOBBIES:</label> <label>football</label> <input type="checkbox"> <label>Football</label> <input type="checkbox"> <label>Singing</label> <input type="checkbox"><br><br> <label>CONTINENT OF RESIDENCE</label> <select> <option>AFRICA</option> <option>NORTH AMERICA</option> <option>SOUTH AMERICA</option> <option>EUROPE</option> <option>ASIA</option> <option>AUSTRALIA</option> </select><br><br> <label>WOULD YOU LIKE TO WORK REMOTELY?</label> <label>Yes<label<label> <input type="radio" name=”yes” value=”option”> <label>No</label> <input type="radio" name=”no” value=”option2”><br><br> <button>submit</buttton> <button>clear</button> </form><br><br><br> ADDING A FOOTER A footer should should have about little but important information about the page it should always be in an un-orderd list where you put basic information about the site which can also have internal and external links within the footer <footer> © 2025 learning-html.com. All rights reserved. <ul> <li><a href="#about">ABOUT</a></li> <li>MISSION AND VISION</li> <li>ACHIEVEMENT</li> <li>DONATIONS</li> </ul> </footer> the most important thing about html is that it is a forgiving language.