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: Work with Images
Goal
Practice using the absolute path for images in HTML.
Task
Ensure the src
attribute of the first image uses the absolute path. You can find the image at:
Utilize the absolute path for the src
attribute of the second image. Access the image here:
Specify the appropriate alt
attribute value for both images. Remember, the alt
value is crucial for providing context in case images fail to load or for users relying on screen readers.
index.html
- Use the
img
tag to specify an image. - Use the
src
attribute to specify the image's location. - Use the
alt
attribute to furnish a descriptive text for the image. - You can use the
width
attribute to define the image's width. - You can use the
height
attribute to define the image's height.
index.html
Everything was clear?
Thanks for your feedback!
Section 4. Chapter 2