HTML Flashcards
(45 cards)
?What are some simple HTML formats
Headings <h1> to <h6>
Paragraphs <p> </p>
Links <a href=”http://some.com”>Label</a>
What is the basic HTML syntax for an element?
Start tag.
End tag.
Element content
Most elements have attributes.
What does
<html>
</html>
represent?
The <html> element defines the whole HTML document.
What is an HTML attribute?
Attributes provide additional information about HTML elements.
What part of the element are attributes defined?
.Attributes are always specified in the start tag
What is the general syntax of an attribute?
Attributes come in name/value pairs like: name=”value”
What is the tag for an HTML link?
HTML links are defined with the <a> tag.
What attributes are standard for most HTML elements?
class , classname, Specifies a classname for an element
id, id Specifies a unique id for an element.
style, style_definition, Specifies an inline style for an element
title, tooltip_text, Specifies extra information about an element (displays as a tooltip)
What should headings be used for?
Headings Are Important
Use HTML headings for headings only. Don’t use headings to make text BIG or bold.
Search engines use your headings to index the structure and content of your web pages.
Since users may skim your pages by its headings, it is important to use headings to show the document structure.
H1 headings should be used as main headings, followed by H2 headings, then the less important H3 headings, and so on.
How can you make a horizontal line?
The <hr /> tag creates a horizontal line in an HTML page.
How can you make a comment in HTML?
<!– This is a comment –>
What does the <p> tag represent?
Paragraphs are defined with the <p> tag.
Forgetting the end tag can produce unexpected results or errors.
How can you create a line break?
(Create a new line without starting a new paragraph?)
<br> or <br />
In XHTML, XML, elements with no end tag (closing tag) are not allowed.
Even if <br> works in all browsers, writing <br /> instead works better in XHTML and XML applications.
Where can you find information on HTML?
What are the three main categories of formatting tags?
Text formatting
Computer output
Citation, quotation and definition
Each of these categories has a number of tags that create certain formatting in an HTML document.
What are the HTML text formatting tags and what do they do?
<b> Defines bold text
<big> Defines big text
<em> Defines emphasized text
<i> Defines italic text
<small> Defines small text
<strong> Defines strong text
<sub> Defines subscripted text
<sup> Defines superscripted text
<ins> Defines inserted text
<del> Defines deleted text
What are the “computer output” tags and what do they do?
<code> Defines computer code text
<kbd> Defines keyboard text
<samp> Defines sample computer code
<tt> Defines teletype text
<var> Defines a variable
<pre> Defines preformatted text
What are the citation, quotation and definition tags and what do they do?
<abbr> Defines an abbreviation
<acronym> Defines an acronym
<address> Defines contact information for the author/owner of a document
<bdo> Defines the text direction
<blockquote> Defines a long quotation
<q> Defines a short quotation
<cite> Defines a citation
<dfn> Defines a definition term
What tag is used in place of the depricated ‘font’ tag?
Use CSS. Cascading sheet styles.
example:
<html>
<body>
<h1 style=”font-family:verdana”>This is a heading</h1>
<p style=”font-family:courier”>This is a paragraph.</p>
</body>
</html>
What is CSS and what is it used for?
CSS was introduced together with HTML 4, to provide a better way to style HTML elements.
CSS can be added to HTML in the following ways:
in Cascading Style Sheet files (CSS files)
in the <style> element in the HTML head section
in the style attribute in single HTML elements
How is the style attribute used and when should it be used?
It is time consuming and not very practical to style HTML elements using the style attribute.
The preferred way to add CSS to HTML, is to put CSS syntax in separate CSS files.
What is the link syntax?
<a href=”url”>Link text</a>
How do you specify an anchor in a link?
The name attribute specifies the name of an anchor.
<a name=”tips”>Useful Tips Section</a>
<a href=”url#tips”>Visit useful tips” </a>
How do you create an image as a link?
Put it after the start tag and before the end tag where the text is normally used as a link.
The syntax for inserting an image is
<img src=”myimg.gif” />
with align="middle".\
A paragraph with an image. The align attribute of the image is set to "left". The image will float to the left of this text.
\\ Female \