HTML Flashcards
A website is comprised of multiple ____ that form together to create functionality, style, and structure
Tags
What does the tag do?
Tells browser the type of document
What does the tag do?
Tells browser that I’m about to make a website and everything in between goes in
What is the head of the website?
All the keywords, background functionality. Technical stuff
What is the body of the website?
Pictures, things you see. Cool stuff
What does HTML stand for?
Hyper Text Markup Language
Why is index when saving html files important?
index indicates the homepage
XTML is white ____
XTML is white space insensitive
What is the tag for a paragraph?
<p> </p>
What is the tag for a line break?
<br></br>
Anytime you have a single tag, what is the syntax?
Note: Forward slash after keyword with a space
What is a horizontal rule and how do you code it?
A horizontal line, like a separator. <hr>
How do you bold?
<strong></strong>
How do you do italics?
<em></em>
Note: em stands for emphasize
How do you make comments in your coding for html?
What is the tag for links?
<a></a>
Note: a stands for anchor
How do you add attributes to a tag?
After the opening keyword for a tag, you then write the attributes name, set it equal to “”
< a href=””>
List the steps to link within a webpage (i.e., TOC linking)
1) Identify target section and add <a></a>
2) Link using <a></a>
<a></a>
How do you create a tooltip in html?
In the anchor to a link, you need to add the attribute title
Example: title = “Awesome Search Engine”;
What are crucial things to remember about images?
1) Same folder as webpage
2) src = “”
3) Exact file name including type… ONLY ONE TAG
<img></img>
What is the tag to create a table? How do you add rows? How do you add columns? Table header?
INSIDE you put
header:
Note: Table data can contain any data types
What is colspaning? What are the two types of width attributes?
Column Spanning (merge and sort)
width = “%” or “#px”;
What is table cellpadding? What is cellspacing?
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.
What is <ul></ul> and <li>? What is <ol></ol>
Unordered list with a list item.
Ordered list that uses numbers instead of bullets.
XHTML does what to a website?
Makes the structure of the website: Images, headings, paragraphs, texts
Why are div and span significant?
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.
Explain the <div> tag</div>
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.
Explain the <span> tag</span>
Span tag is often used for small bits of text inside paragraphs. Spans are inline elements only intended for small bits of information.
Free Debugger?
the W3C markup validation service
ID Attribute
Identifies your element for the front-end (CSS and JS). It can be used on ANY element.
Name Attribute
The name attriute belongs ONLY on form elements and is used in the back-end to identify your values
