So today, our Mentor called all of us in his cabin and we had our first team meeting, he motivated us and enlightened us with his knowledge. He also discussed with us about the upcoming extracurricular activities we will be involved in as a team and that we should show our input and dedication in the work with do.
After the meeting discussion came to conclusion, he explained to me about my first task, which was to create my resume using the table tag of HTML. Now my real journey as a web development intern begins!
Let's first understand basic HTML tags which will be used for creating the Resume:
- <!DOCTYPE html> — This tag specifies the language you will write on the page. In this case, the language is HTML 5.
- <html> — This tag signals that from here on we are going to write in HTML code.
- <head> — This is where all the metadata for the page goes — stuff mostly meant for search engines and other computer programs.
- <meta> — This is where information about the document is stored: character encoding, name (page context), description.
- <title> — This is where we insert the page name as it will appear at the top of the browser window or tab.
- <body> — This is where the content of the page goes.
- <table>: Used to create the resume layout.
- border: Adds borders to the table cells.
- cellspacing: Removes spacing between cells.
- cellpadding: Adds padding inside each cell for better readability.
- colspan: used to make a table span across multiple columns.
- align: Aligns the table to the left, right, or center.
- width: Makes the table occupy the full width of the page.
Rows and Columns:
The resume is organized using rows (<tr>) and columns (<td> or <th>):
- <tr>: Represents a row in the table.
- <th>: Defines a table header, typically bold and centered by default.
- <td>: Defines a cell for data content.
How it Works
1. When the browser reads the HTML, it interprets the table tag to create a structured layout.
2. The table is divided into rows and cells, each containing different parts of the resume.
3. The browser applies the default HTML styling to the elements, such as borders for the table and bold text for <th>.
Note!
If you're and absolute beginner, you can learn more about HTML and CSS on this website:
HTML For Beginners The Easy Way: Start Learning HTML & CSS Today