HTML Flashcards
-<-html->–<-/html->-
Starts and ends and HTML document.
-<-head->–<-/head->-
Starts and ends the head of the document which contains the title.
-<-title->–<-/title->-
Contains the title of the page that will be displayed by the browser.
-<-body->–<-/body->-
Contains all of the elements contained in the browser window.
-<-p->–<-/p->-
Begins a paragraph of text.
-<-h1->–<-/h1->-
Heading markup. Heading are 1 through 6 with 1 being the largest.
-<-b->–<-/b->-
Bold markup.
-<-i->–<-/i->-
Italicized markup.
-<-br /->-
Creates a break in the text/
-<-hr /->-
Creates a horizontal rule in the text.
-<-sup->–<-/sup->-
Creates a superscript.
-<-sub->–<-/sub->-
Creates a subscript.
-<-strong->–<-/strong->-
Semantic for strong emphasis. Usually bolded.
-<-em->–<-/em->-
Semantic emphasis. Usually italicized.
-<-blockquote->–<-/bolckquote->-
Indicates a long quote. Usually is indented. -<-p->–<-/p->- should be used inside of the blockquote code.
cite=”URL”
The cite attribute to cite where the quote is from and where more information can be found.
-<-abbr->–<-/abbr->-
Semantic for an abbreviation or an acronym.
-<-cite->–<-/cite->-
Semantic for citing a book, film, or research article.
-<-dfn->–<-/dfn->-
Semantic for a definition. Sometimes italicized.
-<-q->–<-/q->-
Semantic for a quote. Sometimes put in quotations but not always, so use CSS for the formatting.
-<-ins->–<-/ins->-
Semantic to show content that has been inserted in to a document. Usually underlined.
-<-del->–<-/del->-
Semantic to show content that has been deleted from a document. Usually strike through.
-<-s->–<-/s->-
Semantic for text that is outdated and should be deleted. Usually striked through.
-<-ol->–<-/ol->-
Ordered list. Contains items within.
-<-li->–<-/li->-
Items within an ordered or unordered list.
-<-ul->–<-/ul->-
Unordered list. Contains items within.
-<-dl->–<-/dl->-
Definition list with terms and definitions within.
-<-dt->–<-/dt->-
Definition term within a definition list.
-<-dd->–<-/dd->-
Definition of a term. Used after a definition term is declared.
-<-a href=”URL”->-Text-<-/a->-
Code for writing a link. The a sets the link apart. HREF identifies where the link is, and the text is within the code. This is absolute citation.
-<-a href=”file.html”->–<-/a->-
HREF to go to a reference folder in the same file. This is a short hand citation.
-<-a href=”child/file.html”->–<-/a->-
HREF to go to a reference file in another folder one level down. This is also a shorthand citation.
-<-a href=”. . / index.html”->–<-/a->-
HREF to go to a parent page in a folder above where you are currently at. This is another shorthand citation.
id=”name”
Attribute placed in a markup to identify a location.
-<-a href=”#name”->–<-/a->-
HREF to a specific location on the current page.
-<-a href=”URL/#name”->–<-/a->-
HREF to a specific location on a different page.
-<-img src=”location” alt=”description” title=”more” /->-
Code for inserting a picture into a webpage: “src” is the location (reference rules apply), “alt” is a description for people who cannot see the image, and “title” is more description for people who hover their mouse over the image.
height=”###” width=”###”
Specifies the size of the image by pixel dimensions.
-<-figure->–<-/figure->-
Allows you to attach a caption to an image. The img reference is placed within the figure code.
-<-figcaption->–<-/figcaption->-
Identifies the caption to be placed with the image.
-<-table->–<-/table->-
Identifies the beginning of a table.
-<-tr->–<-/tr->-
Identifies the beginning of a table row.
-<-td->–<-/td->-
Identifies table data within a row.
-<-th->–<-/th->-
Identifies a table heading.
colspan=”#”
Attribute identifying how many columns a data element should span.
rowspan=”#”
Attribute identifying how many columns a data element should span.
-<-thead->–<-/thead->-
Identifies the head of a table.
-<-tbody->–<-/tbody->-
Identifies the body of a table.
-<-tfoot->–<-/tfoot->-
Identifies the foot of the table.
-<-form->–<-/form->-
Declares a form.
action=”URL”
Form attribute that tells the form where to send it’s information.
method=”get”
Form attribute that tells the form how to send the information. The get method adds information to the URL specified. The get method is great for short firms such as search boxes, and for when you are retrieving information from a web server.
method=”post”
Sends values using HTTP headers. Use this method when forms are very long, files are being uploaded, contains sensitive information, adds or deletes information from a database.
size=”##”
Form attribute that tells the form how many characters should be visible.
maxlength=”##”
Form attribute that sets the max length of characters entered into a text field.
type=”text”
Form attribute that creates a single line text input
type=”password”
Form attribute that create a single line text of input that is blocked.
-<-textarea name=”name” cols=”#” rows=”#”->–<-/textarea->-
Declares a text area within a form. The cols and rows define the size of the area, and text can be placed in the area.
-<-input type=”radio” name=”name” value=”value” /->-
Input code for a radio button. The value section indicates which value is sent to the serve location.
-<-input type=”checkbox” name=”name” value=”value” checked=”checked” /->-
Input code for a check box. The name returns the name of the value to the server, and the value returns the value to the serve. The checked option will indicate that a box will already be checked when the page loads.
-<-select name=”name” size=”#” multiple=”multiple”->–<-/select->-
Input code for a drop down menu that lets a use select from a list of options. Size shows the number of options indicated, and multiple allows users to select more than one option by pressing control and then clicking on options/
-<-option value=”value” selected=”selected”->–<-/option->-
Indicates an option in a selection menu. The value is returned when it is selected, and the selected attribute indicates than an option will be selected when the page loads.
-<-input type=”file” name=”name” /->-
Input that allows users to upload a file to the server.
-<-input type=”submit” name=”name” value=”Value” /->-
Input that submits the form to the server. The name attribute is not really needed but can be used. The value attribute shows what text will be displayed on the button. It is useful to use the value function to specify the name.
-<-input type=”image” name=”name”->-
Input submission type that uses an image as a submission.
-<-button->-Text-<-/button->-
Input form submission that allows designers to have more control over what buttons look like.
-<-input type=”hidden” name=”name” value=”value”->-
Hidden inputs are not shown to the user but are submitted to the server to tell the server information like what page the user was on when they sent the information.
-<-label for=”Text”->-Text-<-/label->-
Label attribute is for vision impaired reading programmers. The for attribute indicates which radio button input the text is for. The value in the for text coincides with the id of the radio button.
