Help
Options
Didn't know it?
click below
click below
Knew it?
click below
click below
Don't Know
Remaining cards (0)
Know
retry
shuffle
restart
0:00
Embed Code - If you would like this activity on your web page, copy the script below and paste it into your web page.
Normal Size Small Size show me how
Normal Size Small Size show me how
Code.org Web Lab
Graves Code.org Web Lab Vocabulary
| Question | Answer | |
|---|---|---|
| HTML | the coding language used to create web pages | HyperText Markup Language |
| HTML element | part of a web page--surrounded by opening and closing tags that control its appearance and function | |
| HTML tags | <...>___________</...> , building blocks of HTML that tell what function an element will have in a web page--REQUIRES tagNames | opening and closing tags |
| Content | titles, text, images, links, etc. that appear on a page | |
| Structure | how content is organized on a page | |
| Headings | a title for a page or section of a page | |
| Lists | a way to group related items together | |
| <!DOCTYPE html> | tells the computer that the document is coded in HTML | |
| <html></html> | where HTML coding is done | |
| <head></head> | where information about the page (METADATA) is put--before the main part of the page | |
| <body></body> | where CONTENT will appear on a webpage--main part of a page | |
| <h1></h1> | makes text biggest and bold for the beginning of a main section or document | heading 1 |
| <p></p> | allows text to be on its own line(s) | paragraph |
| <ol></ol> | a list with numbers | organized list |
| <ul></ul> | a list with bullet points | unorganized list |
| <li></li> | an item in a list | list item |
| <hr> | creates a line on your page from left to right | horizontal rule |
| <br> | lets you break a line of text without having to start a new paragraph. Good for poems | line break |
| & (with amp;) | allows you to put the "and" symbol in your visible web page | ampersand |
| tagName | works within tags. Tells what function an element will have on a web page | html, h1, p, etc. |
| hierarchy | level of importance or detail | |
| <!...> | coding comment, doesn't appear on the screen. | |
| <img src=”somerandomphoto.jpg” alt=somerandomphoto.jpg.> | inserts a .jpg image file stored with the webpage files AND includes placeholder description if the picture doesn't show. | |
| <a href=” | inserts a link to an external website | |
| <u></u> | underlines HTML text it surrounds | underline |
| <em></em> | italicizes HTML text it surrounds | emphasis (italics) |
| <strong></strong> | bolds HTML text it surrounds | strong (bold) |
| style=”font-family:...” | CSS styling applied to HTML text, changes the font | |
| style=”color:...” | CSS styling applied to HTML text, changes the text color | |
| style=”font-size:__px;” | CSS styling applied to HTML text, changes the text size | |
| style=”background-color:...” | changes the background color of what it's applied to | |
| <a></a> | provides a space for links to be inserted, often used with href | anchor |
| style="text-align:center;" | CSS styling that centers the HTML text it's applied to | |
| style= | an attribute that lets you change the appearance of an element | |
| src= | an attribute that lets you point to a source file, often for an image | |
| alt= | an attribute that lets you display text when an image doesn't appear or for screen readers | |
| href= | an attribute that lets you point to a URL or web address, usually for a link | |
| target= | an attribute that lets you target where a link will open, often for forcing the creation of a new browser tab |
Created by:
EdwardgRM
Popular Computers sets