Course Content
Ultimate HTML
Ultimate HTML
2. HTML Tags and Attributes
Understanding HTML TagsWorking with HTML AttributesUnderstanding Paired and Single Tags in HTMLText Markup and Formatting in HTMLChallenge: Create Your First Web Page ParagraphChallenge: Build a Personal Introduction Web PageChallenge: Design a Movie Showcase Web PageUsing Links and Buttons in HTMLChallenge: Create Links to Popular WebsitesValidating Your HTML Code for Best Practices
4. Working with Media and Tables
Adding Images in HTMLChallenge: Work with ImagesWorking with Clickable Images, Captions, and OptimizationUnderstanding Vector and Raster GraphicsEmbedding Audio and Video for Rich Media ContentChallenge: Embed Audio and Video in HTMLCreating and Structuring Tables in HTMLChallenge: Design a Functional HTML Table
5. HTML Forms and User Input
Introduction to HTML FormsFundamentals of Form Creation in HTMLUsing Labels for Better Form AccessibilityEnhancing Forms with Input AttributesExploring Different Input Types in HTMLChallenge: Create Form with Inputs and LabelsWorking with the Textarea Element for Multi-line InputUsing the Select Element for Dropdown MenusUsing the Datalist Element for Predefined Input SuggestionsGrouping Form Elements for Better Structure
Challenge: Design a Functional HTML Table
Goal
Present employee information in a structured table format by using appropriate HTML tags to create rows and columns.
Task
Create a table with three columns: Name, Position, and Wage. Focus on using the appropriate HTML tags to populate the table with the correct rows and columns. Here is the data to include:
- Name: Emma Johnson | Position: Sales Associate | Wage: $15.50 per hour.
- Name: Liam Thompson | Position: Customer Service Representative | Wage: $14.75 per hour.
- Name: Olivia Rodriguez | Position: Marketing Coordinator | Wage: $18.25 per hour.
- Name: Noah Smith | Position: IT Support Specialist | Wage: $20.00 per hour.
- Name: Ava Davis | Position: Administrative Assistant | Wage: $16.80 per hour.
index.html
index.css
- Use the
table
tag to define the main container element for the table. - Use the
thead
tag to group the header content of the table, such as column headings. - Use the
tr
tag to define a new row within the table. - Use the
th
tag to define the header text for each column. - Use the
tbody
tag to group the main content of the table, which includes the rows and data cells. - Use the
td
tag to define the actual data or content within each cell of the table.
index.html
index.css
Everything was clear?
Thanks for your feedback!
Section 4. Chapter 8