click below
click below
Normal Size Small Size show me how
Code.org Web Lab
Graves Code.org Web Lab Vocabulary
| Term/Tag/Code | Information | |
|---|---|---|
| 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 | <...>element</...> , 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 rules for 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=”somerphoto.jpg” alt="somephoto.jpg"> | inserts a .jpg image file stored with the webpage files AND includes a description if the picture doesn't show. | |
| <a href="SOMEWEBSITE.COM">SOMEWEBSITE.COM</a> | 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) |
| <a></a> | provides a space for links to be inserted, often used with href | anchor |
| 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 | |
| <span></span> | an HTML tag that lets CSS styling be applied to specific words, rather than whole blocks of text |