HTML Flashcards
(171 cards)
1
Q
-<-html->–<-/html->-
A
Starts and ends and HTML document.
2
Q
-<-head->–<-/head->-
A
Starts and ends the head of the document which contains the title.
3
Q
-<-title->–<-/title->-
A
Contains the title of the page that will be displayed by the browser.
4
Q
-<-body->–<-/body->-
A
Contains all of the elements contained in the browser window.
5
Q
-<-p->–<-/p->-
A
Begins a paragraph of text.
6
Q
-<-h1->–<-/h1->-
A
Heading markup. Heading are 1 through 6 with 1 being the largest.
7
Q
-<-b->–<-/b->-
A
Bold markup.
8
Q
-<-i->–<-/i->-
A
Italicized markup.
9
Q
-<-br /->-
A
Creates a break in the text/
10
Q
-<-hr /->-
A
Creates a horizontal rule in the text.
11
Q
-<-sup->–<-/sup->-
A
Creates a superscript.
12
Q
-<-sub->–<-/sub->-
A
Creates a subscript.
13
Q
-<-strong->–<-/strong->-
A
Semantic for strong emphasis. Usually bolded.
14
Q
-<-em->–<-/em->-
A
Semantic emphasis. Usually italicized.
15
Q
-<-blockquote->–<-/bolckquote->-
A
Indicates a long quote. Usually is indented. -<-p->–<-/p->- should be used inside of the blockquote code.
16
Q
cite=”URL”
A
The cite attribute to cite where the quote is from and where more information can be found.
17
Q
-<-abbr->–<-/abbr->-
A
Semantic for an abbreviation or an acronym.
18
Q
-<-cite->–<-/cite->-
A
Semantic for citing a book, film, or research article.
19
Q
-<-dfn->–<-/dfn->-
A
Semantic for a definition. Sometimes italicized.
20
Q
-<-q->–<-/q->-
A
Semantic for a quote. Sometimes put in quotations but not always, so use CSS for the formatting.
21
Q
-<-ins->–<-/ins->-
A
Semantic to show content that has been inserted in to a document. Usually underlined.
22
Q
-<-del->–<-/del->-
A
Semantic to show content that has been deleted from a document. Usually strike through.
23
Q
-<-s->–<-/s->-
A
Semantic for text that is outdated and should be deleted. Usually striked through.
24
Q
-<-ol->–<-/ol->-
A
Ordered list. Contains items within.
25
-<-li->--<-/li->-
Items within an ordered or unordered list.
26
-<-ul->--<-/ul->-
Unordered list. Contains items within.
27
-<-dl->--<-/dl->-
Definition list with terms and definitions within.
28
-<-dt->--<-/dt->-
Definition term within a definition list.
29
-<-dd->--<-/dd->-
Definition of a term. Used after a definition term is declared.
30
-<-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.
31
-<-a href="file.html"->--<-/a->-
HREF to go to a reference folder in the same file. This is a short hand citation.
32
-<-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.
33
-<-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.
34
id="name"
Attribute placed in a markup to identify a location.
35
-<-a href="#name"->--<-/a->-
HREF to a specific location on the current page.
36
-<-a href="URL/#name"->--<-/a->-
HREF to a specific location on a different page.
37
-<-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.
38
height="###" width="###"
Specifies the size of the image by pixel dimensions.
39
-<-figure->--<-/figure->-
Allows you to attach a caption to an image. The img reference is placed within the figure code.
40
-<-figcaption->--<-/figcaption->-
Identifies the caption to be placed with the image.
41
-<-table->--<-/table->-
Identifies the beginning of a table.
42
-<-tr->--<-/tr->-
Identifies the beginning of a table row.
43
-<-td->--<-/td->-
Identifies table data within a row.
44
-<-th->--<-/th->-
Identifies a table heading.
45
colspan="#"
Attribute identifying how many columns a data element should span.
46
rowspan="#"
Attribute identifying how many columns a data element should span.
47
-<-thead->--<-/thead->-
Identifies the head of a table.
48
-<-tbody->--<-/tbody->-
Identifies the body of a table.
49
-<-tfoot->--<-/tfoot->-
Identifies the foot of the table.
50
-<-form->--<-/form->-
Declares a form.
51
action="URL"
Form attribute that tells the form where to send it's information.
52
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.
53
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.
54
size="##"
Form attribute that tells the form how many characters should be visible.
55
maxlength="##"
Form attribute that sets the max length of characters entered into a text field.
56
type="text"
Form attribute that creates a single line text input
57
type="password"
Form attribute that create a single line text of input that is blocked.
58
-<-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.
59
-<-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.
60
-<-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.
61
-<-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/
62
-<-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.
63
-<-input type="file" name="name" /->-
Input that allows users to upload a file to the server.
64
-<-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.
65
-<-input type="image" name="name"->-
Input submission type that uses an image as a submission.
66
-<-button->-Text-<-/button->-
Input form submission that allows designers to have more control over what buttons look like.
67
-<-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.
68
-<-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.
69
-<-fieldset->--<-legend->-Table Name-<-/legend->--<-/fieldset->-
Field set puts form information into a table, and the legend code identifies the title of the form.
70
-<-input type="password" required="required" /->-
The required attribute validates that the form input is selected or inputted before being submitted.
71
-<-input type="date" name="datetime" /->-
The date type sets up a way for users to input a date in the form.
72
type="email"
The email type verifies that an email is entered.
73
type="url"
The url type receives a url for a website.
74
type="search"
The search type receives a search input from the user.
75
placeholder="text"
Placeholder attribute places text inside a text box or text field before users enter input.
76
-<-!DOCTYPE html->-
To be placed in the header of an html file to indicate to the browser that this is a HTML5 document type.
77
id="id"
The id attribute will identify the element uniquely for CSS markup later.
78
class="class"
The class attribute lumps several elements together for a CSS markup.
79
-<-div id="divheader" ->--<-/div->-
The div element groups elements together. After defining a div, include the elements with in the brackets to block them together.
80
-<-span id"spantype"->--<-/span->-
Groups elements together in a similar way as div but span groups elements inline.
81
-<-iframe width="##" height="##" src="url"->--<-/iframe?->-
Creates a frame in the page that shows another page based on the url provided. The width and height specify in pixels the sixe of the page. You can use the attribute seamless="seamless" which removes scroll bars.
82
-<-meta name="attribute" content="value" /->-
Information about the page that is passed in the header. Description is a 155 character description of the page. Keywords is a comma-separated list of key word (not really used in SEO). Robot indicates if the page should be included in search: noindex means not includes, nofollow means include it but not any of the pages that it links too. Also, http-equiv attribute also gives more information instead of the name attribute. The pragma with no-cache content doesn't allow the page to be stored and called back from the cache. The author content allows to tell who the author is. The expires content tells the browser when the page expires and when a new page should be found instead of calling from the cache. The content is the date and time.
83
-<- ->-
Escape characters. There are a set of reserved characters in html, so if you want those characters to display you need to use escape characters. You can look up a list online of escape characters.
84
-<-meta name="viewport" content="initial-scale=1"->-
The syntax for setting the viewport for responsive sites. This is placed in the head of the document.
85
-<-link rel="icon" type="image/png" href="source" /->-
The syntax for inserting a favicon for your site. The icon should be 16x16 pixels.
86
-<-!DOCTYPE html->-
Defines the HTML doc.
87
-<-html->--<-/html->-
Describes the HTML Page.
88
-<-head->--<-/head->-
Describes the head of the document.
89
-<-body->--<-/body->-
Describes the body of the document.
90
-<-p->--<-/p->-
Tag for a paragraph element.
91
-<-h1->--<-/h1->-
Tag for heading elements. Heading go from H1 to H6.
92
-<-a href="URL"->-Tex-<-/a->-
Describes links. HREF is the destination URL.
93
-<-img src="URL" alt="Image Title"->-
The tag for defining an image. The ALT defines the text displayed if the picture does not display.
94
class="CLASS"
The class attribute. Can be applied to more than one element.
95
id="ID"
The ID attribute. Should be applied to one element.
96
style="STYLE"
Defines the CSS style of an element. CSS should really be used instead.
97
title="TITLE"
Gives extra information about the element that will be displayed as a tool tip.
98
-<-hr->-
Tag for a horizontal line.
99
-<-!-- Text --->-
The syntax for a comment in HTML.
100
-<-br->-
The line break tag.
101
-<-b->--<-/b->-
The bold tag.
102
-<-i->--<-/i->-
The italic tag.
103
-<-strong->--<-/strong->-
The strong tag for importance.
104
-<-em->--<-/em->-
The emphasis tag for emphasis.
105
-<-small->--<-/small->-
Tags for smaller text.
106
-<-sub->--<-/sub->-
Tags for subscript.
107
-<-sup->--<-/sup->-
Tags for superscript.
108
-<-ins->--<-/ins->-
Tags for inserted text.
109
-<-del->--<-/del->-
Tags for deleted text. Sometimes rendered as a strikethrough text.
110
-<-mar->--<-mark->-
Defines marked or highlighted text.
111
-<-code->--<-/code->-
Defines computer code text. Nice for writing tutorials.
112
-<-kbd->--<-/kbd->-
Defines keyboard text.
113
-<-samp->--<-/samp->-
Defines sample keyboard text.
114
-<-var->--<-/var->-
Defines a variable.
115
-<-pre->--<-/pre->-
Defines preformatted text.
116
-<-abbr->--<-/abbr->-
Defines an abbreviation or acronym.
117
-<-address->--<-/address->-
Defines the contact info of the owner or the author of the page.
118
-<-bdo dir="rtl"->--<-/bdo->-
Defines the text direction. Use the DIR attribute to define the direction of the text. DIR values are "rtl" and "ltr".
119
-<-blockquote->--<-/blockquote->-
Defines a section that is a quote from another source.
120
-<-q->--<-/q->-
Defines an inline or short quotation.
121
-<-cite->--<-/cite->-
Defines the title of a work.
122
-<-dfn->--<-/dfn->-
Defines a definition term in the text.
123
download="URL"
The download attribute that specifies a target to be downloaded.
124
target="_blank"
Attribute that specifies where to open the link. "_blank" is for opening in a new window. "_parent" opens in the parent frame. "_self" default but opens in the current frame. "framename" opens the link in the specified frame.
125
href="#anchor"
The syntax for moving to the anchor position on a page. The anchor is the id of the element.
126
-<-title->--<-/title->-
Defines the title of the document.
127
-<-base href="URL" target="_blank"->-
Specifies the default for links on a page.
128
-<-link->-
The tag for linking an external document.
129
-<-style type="text/css"->--<-/style->-
The syntax for an inline style sheet.
130
-<-script->--<-/script->-
The syntax for inline JS.
131
-<-meta->--<-/meta->-
The syntax for information placed in the head tags.
132
width="42" height="42"
The width and height attributes of elements (usually an image). Defined in pixels.
133
usemap="#map_name"
The map attribute used with an image.
134
-<-map name="map_name"->--<-/map->-
The map tag that defines click areas inside of an image.
135
-<-area shape="rect" coords="0, 0, 82, 126" href="URL" alt="alt_name"->--<-/area->-
The syntax for defining a clickable area inside of map.
136
shape="rect"
The attribute that defines the shape of a clickable area. Values are rect, circle, and poly.
137
coords="x1, y1, x2, y2"
The attribute for specifying the location of a clickable area. The value for rect="x1, y1, x2, y2", circle="x, y, radius", poly="xn, yn" and the last coordinate should be the first pair, if not the browser will close it for you.
138
-<-table->--<-/table->-
Defines a table in the document.
139
-<-th->--<-/th->-
Defines the header sell in a table.
140
-<-tr->--<-/tr->-
Defines a row in a table.
141
-<-td->--<-/td->-
Defines a cell in the table.
142
-<-caption->--<-/caption->-
Defines a table caption.
143
-<-thead->--<-/thead->-
Groups the header content in the table.
144
-<-tbody->--<-/tbody->-
Groups the body content together.
145
-<-tfoot->--<-/tfoot->-
Groups the footer content in a table.
146
-<-ul->--<-/ul->-
Defines an unordered list.
147
-<-li->--<-/li->-
Defines a list item.
148
-<-ol->--<-/ol->-
defines an ordered list item.
149
-<-dl->--<-/dl->-
Defines a description list.
150
-<-dt->--<-/dt->-
Defines a definition term.
151
-<-dd->--<-/dd->-
Defines a definition of a term
152
-<-div->--<-/div->-
Defines a new block section.
153
-<-span->--<-/span->-
Defines a new inline section.
154
-<-form->--<-/form->-
Defines a form. Should include the attributes name, action, and method.
155
-<-input->-
Defines an input value.
156
name="name"
Attribute for form values. This name is passed with the value to server script.
157
type="test"
The attribute for a text form element.
158
type="password"
The attribute for a password element.
159
type="radio"
The attribute for a radio button.
160
value="value"
Defining the value to be passed if a form element is selected such as a radio button or a checkbox.
161
type="checkbox"
The attribute for a checkbox element.
162
type="submit" value="Submit"
The attribute for submitting for information.
163
-<-textarea->-
Defines a multiline input control.
164
-<-label->--<-/label->-
Defines a label for an -<-input->- element.
165
-<-fieldset->--<-/fieldset->-
Groups related elements in a form.
166
-<-legend->--<-/legend->-
Defines a caption for a -<-fieldset->- element.
167
-<-select->--<-/selection->-
Defines a drop down list.
168
-<-option->--<-/option->-
Defines an option in a drop-down list.
169
-<-button type="button"->--<-/button->-
Creates a clickable button.
170
-<-optgroup->--<-/optgroup->-
Defines a group of related options in a drop-down list.
171
-<-iframe src="URL"->--<-/ifram->-
Defines an iframe to open up a new window inside of an existing window. You can also define the height and the width.
