Introduction to HTML

Question 1

HTML

Answer 1

Hypertext Markup Language

Question 2

Anatomia de html

Answer 2

• opening tag
• element
• closing tag

Question 3

Body

Answer 3

the element of the webpage. only the elements inside the opening and closing body tags can be displayed

Question 4

Headings

Answer 4

headings are used to describe content like a title, there are 6 different type of headings

Question 5

Divs

Answer 5

division or a container that divides the page into sections

Question 6

Attributes

Answer 6

are content added to the opening tag that can be used to provide information or change styling

Question 7

Displaying text

Answer 7

can use paragraph “p” or span “span”“/span”“/p”“p” is a block of raw text
“span” contains a short pieces of text or other html”/span”“/p”

Question 8

Styling text

Answer 8

“em” emphasizing text

“strong”highlights important text “/strong”“/em”

Question 9

Line Breaks

Answer 9

modify space in the browser “br” like the enter of Microsoft word

Question 10

Unordered List

Answer 10

“ul” to start the unordered list and “li” “/li” to list them”/ul”

Question 11

Ordered Lists

Answer 11

“ol” “/ol” to start them (used for list lists) and “li” to add items on the list”/li”

Question 12

Images

Answer 12

we use the tag img and we add the source

Question 13

Image Alts

Answer 13

we use image alts to describe the image in the code(alt)

Question 14

Videos

Answer 14

addition of a video “src””” remember u have to add “width, height and controls” to the video. u have to remember to add “video not supported” to displayed if the browser didn’t support the video

Question 15

HTML setup

Answer 15

to declare that we will use a html

Question 16

HTML tag

Answer 16

to create the structure of the html document we add the opening and the closing tab of

Question 17

Page titles

Answer 17

the browser tab shows the title we use so we put a opening and closing tab of page titles (always inside of the head tag)

Question 18

Linking to other web pages

Answer 18

we use an opening and closing tab of “a” and a href=page to mark a text to a link we to anywhere on the web we want

Question 19

Opening a link in a new tab

Answer 19

we add “target=_blank” if we want to add a new opening tab with the link we mark

Question 20

Linking at the same page

Answer 20

that’s why we use divs to use an anchor with a ref=”#div” to link at the same page

Question 21

Forms

Answer 21

to create a from we have to add the opening and closing tab of this one

Question 22

Text input

Answer 22

The “input” element has a type attribute which determines how it renders on the web page and what kind of data it can accept

Question 23

Adding a Label

Answer 23

For a user to properly identify an “input” we use the appropriately named “label” element. to associate a label w an input we have to use for attribute.

Question 24

Number Input

Answer 24

in the forms we can add an number input by setting type=”number”

Question 25

Range Input

Answer 25

if we wanted to limit what numbers our users could type we might consider using a different type value. another option we could use is setting type to "range" and we have to add the attributes "min""max""step"

Question 26

Checkbox Input

Answer 26

in a from we would use the "input" element and set the type="checkbox"

Question 27

Radio Button Input

Answer 27

in a from we would use the "input" element and set the type radio

Question 28

Dropdown list

Answer 28

to use a dropdown list we have to add an opening and closing tag of "select" and we have to create a tag of "option" for each option we want to have

Question 28

Dropdown list

Answer 28

to use a dropdown list we have to add an opening and closing tag of "select" and we have to create a tag of "option" for each option we want to have

Question 29

Datalist Input

Answer 29

even if we have an organized dropdown list, if the list has a lot of options, it could be tedious for users to scroll through the entire list to locate one option. thats where using the "datalist" element comes in handy

Question 30

Textarea element

Answer 30

where users need to write in more information, like a blog post in such cases, instead of using an "input", we could use "textarea"

Question 31

Submit Form

Answer 31

to submit the form we have tod add the input type="submit" value="send"

Question 32

Requiring an Input

Answer 32

if we have a field that is not optional at the end of the tag input we have to add an attribute that is "required"

Question 33

Set a Minimum and Maximum

Answer 33

to set a minimum acceptable value we add the attribute "min" and to set a maximum acceptable value we add the attribute "max"

Question 34

Checking Text Length

Answer 34

to set a minimum number of character for a text field we add "minlength" and the same way to set a maximum we add "maxlength"