Mod 7 - HTML

Question 1

What is HTML?

Answer 1

HyperText Markup Language (HTML) is what web pages are written in. The web browser will read the language and display (render) the content specified by the language.

Question 2

What is a WYSIWYG text editor?

Answer 2

A WYSIWYS (What You See Is What You Get) text editor hides/obscures the formatting language used. So when you bold text, it just appears bold but plain text editors show the formatting. 
ex. Word

Question 3

How are tags enclosed in HTML?

Answer 3

Always enclosed in angle brackets & are case insensitive.

Question 4

What are paired tags?

Answer 4

They act like quotation marks & surround the content they affect. Nesting is allowed if closed properly.

Question 5

What is an example of an unpaired tag?

Answer 5

“<hr>” or horizontal rule/line

Question 6

What is DOCTYPE! html?

Answer 6

It appears at the top of a file and tells the web browser that it is an HTML document. it is not an html tag but it specifies the language version so the information is displayed correctly. This is always followed by which the document will be closed with as well.

Question 7

What are the two main components in a document?

Answer 7

1. Header : specifies additional info about a document

2. Body : specifies the document content

Question 8

How does white space work in HTML?

Answer 8

HTML ignores white space in the document, so there is no difference between 1 space and 100 spaces because it is all displayed the same. You must add white space for it to show up.

Question 9

How do you add white space in HTML?

Answer 9

1. You can group text into paragraphs with the <p> tag which adds whitespace between paragraphs.
2. You can start a new line mid-paragraph with the <br></br> tag (line break).
3. You can add extra space between two words with (non-breaking space) </p>

Question 10

How do you reference special characters?

Answer 10

It will always start with & and end with ;

ex. for ampersand, use & as well as for emojis

Question 11

What are the heading tags?

Answer 11

<h1> main heading
<h2> sub-heading
<h3> sub-sub-heading
etc.
(all have closing tags)</h3></h2></h1>

Question 12

What are tag attributes?

Answer 12

They are when tags include additional info on the tag behaviour. General syntax is:

Question 13

How does the image tag work?

Answer 13

it inserts an image & its format is.

URL can be used to input image as well.

Question 14

What tag is used to hyperlink?

Answer 14

<a> with href which specifies the link address </a>

Question 15

How do you internally & externally hyperlink?

Answer 15

Internal: ‘<a>local file</a>
External: ‘<a>favourite video</a>

Question 16

How do you link to an item in the same page?

Answer 16

An ID attribute is required.
ex. <h2>background info</h2>
<a> go to background</a>

Also works for a specific element, like history, and email addresses.

Question 17

What are the two types of lists?

Answer 17

1. Ordered: uses <ol> tags with <li> tags nested.
   ex: <ol>
   <li> meow 1. meow
   </li><li> woof 2. woof
   <ol>
   </ol>
2. Unordered: uses </ol><ul> tags with <li> tags nested.
   ex: <ul>
   <li> meow - meow
   </li><li> woof - woof
   <ul></ul></li></ul></li></ul></li></ol></li></ol>

Question 18

How do you make a table in HTML?

Answer 18

Use the element which will have several table rows and each row has data elements .
Can use attributes like border for () or colspan for td ().

Question 19

How do you bold or italicize text?

Answer 19

<b> … </b> will bold text.

<i> … </i> will italicize text.