Conteúdo do Curso

Introduction to HTML

1. Basics Introduction

What is HTML?Elements Attributes Nesting Elements and Comments Anatomy of an HTML Document

2. Basic Elements

Headings Paragraphs Emphasis and Bold Image Details Links Lists Nested Lists

3. Metadata and the Head Element

Adding a Title Social Network Metadata Custom Icons CSS and Javascript

4. Advanced Text Formatting Elements

Quotes Abbreviations Code Markup in HTML Miscellaneous Elements Entities Non-Semantic Wrappers

5. Advanced Concepts

Table Element ID and Class Attribute Forms Basics Form Fields Responsive Images Video Audio

Image Details

We have already practiced with images. It is written as <img> and is an empty tag, meaning it does not have a closing tag like regular HTML elements.

src attribute is used to specify the source or location of the image.

index.html

alt attribute specify alternative text for the image in case the image cannot be displayed.

index.html

width and height attributes are also crucial for the tag, as they specify the image's dimensions in pixels.

index.html

title is used to specify additional information about the image.

index.html

Task

Set the lang attribute to "en".
Create a <title> tag with the content Challenge.
Create a top-level heading with the content Welcome to my webpage.
Add an src attribute with a path to an image you want to add. Also, add an alt attribute.
Add the b and em tags to the paragraph.

Solution

Tudo estava claro?

Obrigado pelo seu feedback!

Seção 2. Capítulo 4

Pergunte à IA

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Conteúdo do Curso

Introduction to HTML

1. Basics Introduction

What is HTML?Elements Attributes Nesting Elements and Comments Anatomy of an HTML Document

2. Basic Elements

Headings Paragraphs Emphasis and Bold Image Details Links Lists Nested Lists

3. Metadata and the Head Element

Adding a Title Social Network Metadata Custom Icons CSS and Javascript

4. Advanced Text Formatting Elements

Quotes Abbreviations Code Markup in HTML Miscellaneous Elements Entities Non-Semantic Wrappers

5. Advanced Concepts

Table Element ID and Class Attribute Forms Basics Form Fields Responsive Images Video Audio

Image Details

We have already practiced with images. It is written as <img> and is an empty tag, meaning it does not have a closing tag like regular HTML elements.

src attribute is used to specify the source or location of the image.

index.html

alt attribute specify alternative text for the image in case the image cannot be displayed.

index.html

width and height attributes are also crucial for the tag, as they specify the image's dimensions in pixels.

index.html

title is used to specify additional information about the image.

index.html

Task

Set the lang attribute to "en".
Create a <title> tag with the content Challenge.
Create a top-level heading with the content Welcome to my webpage.
Add an src attribute with a path to an image you want to add. Also, add an alt attribute.
Add the b and em tags to the paragraph.

Solution

Tudo estava claro?

Obrigado pelo seu feedback!

Seção 2. Capítulo 4