Term
|
Definition
| HTML elements can have one or more classes, separated by spaces. You can style elements using CSS by selecting them with their classes. |
|
|
Term
|
Definition
| An HTML element can have an id attribute to identify it. id elements should always be unique to that single element, and each element should never have more than one id. |
|
|
Term
|
Definition
| Links tell the browser where to go using an href attribute, which stores a URL. |
|
|
Term
|
Definition
| You can easily format text to be bold, italic, or underlined using simple formatting tags. |
|
|
Term
|
Definition
| The body is the container for all of a page's content. Comes after the head tag, within the overall html tag. |
|
|
Term
|
Definition
| Almost all content belongs inside the body tag. The main exceptions are script and style tags, as well as the page title tag. As you can see in this example, there is a heading, an image, and a link all inside the body tag. The head tag contains only external files and the page title. |
|
|
Term
|
Definition
| An element that is an immediate descendent of another element or nested within another element is called a child. These become useful when using CSS child selectors and psuedo-elements. |
|
|
Term
|
Definition
| HTML comments are sometimes used in code to explain parts of the markup. They are similar to comments in other languages. Users do not see comments in their browser. |
|
|
Term
|
Definition
| A block level container (or 'division' of the web page) for content with no semantic meaning. |
|
|
Term
|
Definition
| Tag that surrounds important content that is invisible to the user, but is important to the browser. Elements within this tag contain metadata about the page and links to stylesheets, scripts, etc. |
|
|
Term
|
Definition
| Heading elements like h1, h2, h3, ... allow you to use six levels of document headings, ranging from largest to smallest, breaking up the document into logical sections. For example, the word 'Headings' above is wrapped in a h2 tag. |
|
|
Term
|
Definition
| This tag creates a black line one pixel thick that runs the all the way across its container. It can be styled to look differently with CSS. |
|
|
Term
|
Definition
| HTML stands for Hyper Text Markup Language. It is the language used to create all websites. |
|
|
Term
|
Definition
| All HTML files live within an over-arching html tag. This is the basic tag that defines an html document. |
|
|
Term
|
Definition
| Hyperlinks (or just links) take the user to another webpage when they click on it. The most common attribute used with links is href, which tells the browser where the link goes. |
|
|
Term
|
Definition
| The img tag embeds an image into your HTML. Always found with the 'src' attribute, which tells the browser where to find the image. Note that the img tag is self-closing. |
|
|
Term
|
Definition
This tag is used in a block of text to force a line break. This is to be used for things which are a single paragraph, but where this formatting is necessary such as poems or addresses. To separate paragraphs, separate each paragraph into a separate
element instead. |
|
|
Term
|
Definition
| Link elements are used to connect your document to a related resource (very different from hyperlinks, which take you to another webpage when you click on them). Links appear only in the head section of a document so they do not alter the content, but only the presentation. Links are most commonly used to connect to a stylesheet, script, favicon, or alternate format of the page such as an RSS feed or PDF. |
|
|
Term
|
Definition
| Unordered lists are just lists whose items are denoted with bullet points. |
|
|
Term
|
Definition
| Ordered lists' items are denoted with numbers. |
|
|
Term
|
Definition
| One of the most common tags in HTML - it denotes a paragraph of text. It often has other elements nested inside of it, such as img, a, strong and em. |
|
|
Term
|
Definition
| These tags are similar to the previously mentioned formatting tags which have fallen out of favor. The difference is that these tags have semantic value (meaning). em is used for something that you wish to emphasize and strong is used for something that is important. With both of these elements, you can convey the level of emphasis or importance with nesting. The more times that you nest the element within itself, the higher the magnitude of the text it contains. |
|
|
Term
|
Definition
| An element for displaying information in rows and columns. Supports headers and footers for labeling columns. Divides information into rows (denoted by the tr tag) which contain cells (denoted by the td tag). |
|
|
Term
|
Definition
| Tags are basic labels that define and separate parts of your markup into elements. They are comprised of a keyword surrounded by angle brackets <>. Content goes between two tags and the closing one is prefixed with a slash (Note: there are some self-closing HTML tags, like image tags). Tags also have attributes, which are |
|
|
Term
|
Definition
| This tag tells the browser what to display as the page title at the top and tells search engines what the title of your site is. It goes inside head tags. Try and make your page titles descriptive, but not overly verbose. |
|
|
