HTML

Question 1

A website is comprised of multiple ____ that form together to create functionality, style, and structure

Answer 1

Tags

Question 2

What does the tag do?

Answer 2

Tells browser the type of document

Question 3

What does the tag do?

Answer 3

Tells browser that I’m about to make a website and everything in between goes in

Question 4

What is the head of the website?

Answer 4

All the keywords, background functionality. Technical stuff

Question 5

What is the body of the website?

Answer 5

Pictures, things you see. Cool stuff

Question 6

What does HTML stand for?

Answer 6

Hyper Text Markup Language

Question 7

Why is index when saving html files important?

Answer 7

index indicates the homepage

Question 8

XTML is white ____

Answer 8

XTML is white space insensitive

Question 9

What is the tag for a paragraph?

Answer 9

<p> </p>

Question 10

What is the tag for a line break?

Answer 10

<br></br>

Question 11

Anytime you have a single tag, what is the syntax?

Answer 11

Note: Forward slash after keyword with a space

Question 12

What is a horizontal rule and how do you code it?

Answer 12

A horizontal line, like a separator. <hr>

Question 13

How do you bold?

Answer 13

<strong></strong>

Question 14

How do you do italics?

Answer 14

<em></em>

Note: em stands for emphasize

Question 15

How do you make comments in your coding for html?

Question 16

What is the tag for links?

Answer 16

<a></a>

Note: a stands for anchor

Question 17

How do you add attributes to a tag?

Answer 17

After the opening keyword for a tag, you then write the attributes name, set it equal to “”

< a href=””>

Question 18

List the steps to link within a webpage (i.e., TOC linking)

Answer 18

1) Identify target section and add <a></a>

2) Link using <a></a>

Question 19

Email

Answer 19

<a></a>

Question 20

How do you create a tooltip in html?

Answer 20

In the anchor to a link, you need to add the attribute title

Example: title = “Awesome Search Engine”;

Question 21

What are crucial things to remember about images?

Answer 21

1) Same folder as webpage
2) src = “”
3) Exact file name including type… ONLY ONE TAG
<img></img>

Question 22

What is the tag to create a table? How do you add rows? How do you add columns? Table header?

Answer 22

INSIDE you put

header:

Note: Table data can contain any data types

Question 23

What is colspaning? What are the two types of width attributes?

Answer 23

Column Spanning (merge and sort)

width = “%” or “#px”;

Question 24

What is table cellpadding? What is cellspacing?

Answer 24

Putting types of ‘pads’ around your cells to give it spacing against the border. Cellspacing is actually spacing and putting white space between the individual cells.

Question 25

What is <ul></ul> and <li>? What is <ol></ol>

Answer 25

Unordered list with a list item.

Ordered list that uses numbers instead of bullets.

Question 26

XHTML does what to a website?

Answer 26

Makes the structure of the website: Images, headings, paragraphs, texts

Question 27

Why are div and span significant?

Answer 27

Span and div signify no specific meaning besides the generic grouping of content and area. Creating an organization or stylistic additions without signifying superfluous meaning.

Question 28

Explain the <div> tag</div>

Answer 28

Divs define the logical sections of a document and should be used sparingly under other circumstances. Ideally, div tags are used to group a number of elements that are meaningful together. They are used for layout purposes. Use them for styling purposes only when absolutely necessary.

Question 29

Explain the <span> tag</span>

Answer 29

Span tag is often used for small bits of text inside paragraphs. Spans are inline elements only intended for small bits of information.

Question 30

Free Debugger?

Answer 30

the W3C markup validation service

Question 31

ID Attribute

Answer 31

Identifies your element for the front-end (CSS and JS). It can be used on ANY element.

Question 32

Name Attribute

Answer 32

The name attriute belongs ONLY on form elements and is used in the back-end to identify your values