IES: HTML-recog dk4 Flashcards
1
Q
- Includes the entire URL: protocol, domain name, and path
- Example: “https://www.laurendaigle.com/Daigle-turquoise.jpg”
A
Absolute address
2
Q
- Can reference a file in home directory of the main HTML document by file name and may use the ../ syntax to reference that parent directory. (Example: /Daigle-turquoise.jpg)
- By default, the browser will look in HTML doc’s home directory.
A
Relative address
3
Q
- defines the relationship between a linked resource/ document and the current document.
- Only valid with “link”, “a”, “area”, and “form” elements
- (Many are intended to help search engines locate resources associated with the HTML document to which they are assigned (a.k.a. Increase traffic to your webpage /website /document))
A
“rel” attribute
4
Q
- small image that can be coded with HTML into a web page or browser.
- integral to modern web design: often represent actions, content, or brands & adds intuitive navigation & aesthetic appeal
- directory established in the head.
- Insert adding the class name to any inline HTML tag: (often,
<i>&<span>are used.) - Example coding:
~~~
<head>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"(>)
</head>
<body>
(<) i class="material -icons">favorite</i (>)
</body>
~~~
A
Icon
5
Q
- Order of importance (<h1>, <h2>, <h3>, <h4>, <h5>, <h6>) should implicitly convey the document structure through correct sequencing
- Correct sequencing and use of meta keywords in these is important to SEO and allows syndication into another site
**Never use these tags for their style qualities
A
Heading elements
6
Q
- Grouping solution to the limited number of heading levels and the need to maintain a correctly sequenced document outline
- Doc may contain multiple elements of this type
- An element of this type may contain ONLY heading elements.
- Ex. code
<hgroup> <h1>HTML</h1> <h2>Building better websites</h2> </hgroup>
A
<hgroup>
7
Q
- May contain heading; hgroup; intro items like icons, banners, and table of contents; etc
- *You cannot nest these type of elements one within another
- Ex. code
<\_\_\_\_\_\_\_\_> <img src=”Daigle-turquoise-banner.jpg” width=”500” height=”72” alt=”Banner”> <hgroup> <h1>HTML</h1> <h2>Building better websites</h2> </hgroup> </\_\_\_\_\_\_\_\_>
A
<header>
8
Q
- Acts as a wrapper (not to replace any structural element) enclosing page-wide or site-wide hyperlinks groups
- Includes ONLY page-wide or site-wide hyperlinks groups
- Ex. code
<\_\_\_\_\_ id=”horizontal”> <h2>Site Links</h2> <p> <a href=”#html”>Markup</a> | <a href=”#js”>Scripting</a> | <a href=”#css”>Style Sheets</a> </p> </\_\_\_\_\_\_>
A
<nav>
9
Q
- Empty element
- used to embed an image in an HTML page
- are not technically inserted into a web page: they are linked to web pages
- creates a holding space for the referenced image
- Ex. code
<\_\_\_\_ src=”Daigle-turquoise-banner.jpg” width=”500” height=”72” alt=”Banner”>
A
<img>
10
Q
- This tag defines an unordered list of content: An alternative to the
<ul>tag. - Contains
<li>tags to create ____ items. - Includes a list of commands for the webpage or website
- Groups of hyperlinks on a webpage navigating around the page or website should be enclosed in nav tags or ____ tags.
A
<menu>
11
Q
- Line break element Can force the text to wrap to The next line Before It would automatically wrap to the next line at the text container elements edge
A
<br>
12
Q
- Can be included in a doc or
article, section, etc.of a doc and provides info about the doc or division of the doc. - Normally located at the end of said elements.
- Might contain an address element (contact details, etc.); a small element (copyright, etc.); and a nav element
- Ex. code
<\_\_\_\_\_\_\_\_\_> <nav> … </nav> <small>Copyright © Example Corp.</small> <address>www.example.com</address> <\_\_\_\_\_\_\_\_\_>
A
<footer>
13
Q
- Page content container located between the header and the footer
- Ex. code
<body> <header> </header> <\_\_\_\_\_\_\_> <p>(Page content goes here.)</p> </\_\_\_\_\_\_\_\_> <footer> </footer> </body>
A
<main>
14
Q
- Formats text (fine print items) within the body of the document, but is only meant to contain short comments that supplement surrounding content
- Regarded as a side comment to surrounding text such as copyright information
- *Does not denote content of lesser importance
A
<small>
15
Q
- Container for Author’s name, author’s contact info, etc.
- Often located in the footer element
A
<address>
16
Q
- Contains a stand-alone composition
- Might typically begin with its own heading followed by one or more paragraphs
A
<article>
17
Q
- A virtual private network gives online privacy & anonymity by creating a private network from a public internet connection.
- extends a private network across a public network
- enables users to send and receive data across shared or public networks as if their computing devices were directly connected to the private network.
A
VPN
18
Q
- Typically a sidebar or footnote, it should contain stand alone info (May contain a footer element, BUT NOT a nav hyperlink).
- Can be nested in an article element incorporating contents SOMEWHAT RELATED to the main content, or used alone containing secondary content RELATED to the entire page, such as advertising.
- Ex code
<article> <p>Oscar Wilde</p> <aside>(1854-1900)<br> Was an Irish writer and poet. </aside> </article>
A
<aside>
19
Q
- A grouping Element
- Not required in short docs unless you want to add headings and footers for each.
- Content placed within a body element and nested within a main element can also then be nested in a
\_\_\_\_\_\_\_\_element
A
<section>
20
Q
- Empty element
- A horizontal rule tag can be inserted between paragraphs drawing a line separating them, but it may not be inserted inside of paragraphs to separate sentences
- It represents a “paragraph-level thematic break“ such as a scene change in a story
- It represents the equivalent of an ellipsis standing alone on its own line
A
<hr>
