This lesson covers HTML document structure, including content, semantic elements, navigation, and form elements. Mozilla: Learn HTML Wikipedia: Semantic HTML W3: Labeling Form Controls W3Schools: HTML Exercises Includes table tags; h1-h6; p; br; hr; div; span; ul; ol; li. The HTML  element represents tabular data — that is, information presented in a two-dimensional table comprised of rows and columns of cells containing data. The , , and  elements are required. Example:    Heading 1 Heading 2     Data 1 Data 1   Data 1 Data 1     Footer 1 Footer 2    The HTML – elements represent six levels of section headings. is the highest section level and  is the lowest. Example: Heading Level 1 Heading Level 2 Heading Level 3 Heading Level 4 Heading Level 5 Heading Level 6 The HTML  element represents a paragraph of text. Example: Paragraph. The HTML  (break) element produces a line break in text. Example: Linebreak. The HTML  (horizontal rule) element produces a horizontal line between elements. Example: Horizontal  Separator The HTML  element is a generic block-level container for flow content. It has no effect on the content or layout until styled using CSS. Example:  A floating paragraph. The HTML  element is a generic inline container for phrasing content, which does not inherently represent anything, but may be used for styling or other attributes. Example: Cursive text in a paragraph. The HTML  element represents an unordered list of items, typically rendered as a bulleted list. Example:  one two three  The HTML  element represents an ordered list of items, typically rendered as a numbered list. Example:  one two three  The HTML  element is used to represent an item in a list. It must be contained in a parent  or  element. Examples above. Includes semantic tags; header; nav; section; article; aside; footer; details; summary; figure; caption. Semantic HTML is the use of HTML markup to reinforce the semantics, or meaning, of the information in webpages and web applications rather than merely to define its presentation or look. The HTML  element represents introductory content. The HTML  element represents a section of a page whose purpose is to provide navigation links. The HTML  element represents a standalone section, which doesn't have a more specific semantic element to represent it. The HTML  element represents a self-contained composition in a document, page, application, or site, which is intended to be independently distributable or reusable. The HTML  element represents a portion of a document whose content is only indirectly related to the document's main content. The HTML  element represents a footer for its nearest sectioning content or sectioning root element. The HTML  element is used to create a disclosure widget in which information is visible only when the widget is toggled into an "open" state. The HTML  element is used as a summary, caption, or legend for the content of a  element. The HTML  element represents self-contained content, frequently with a caption. The HTML  element represents a caption or a legend associated with a figure or an illustration described by the rest of the data of the  element which is its immediate ancestor. Examples:  display always display when opened / expanded   content caption  Includes image links; a; target; bookmark; relative versus absolute links; navigating simple folder hierarchies. The HTML  element embeds an image into the document. Examples:   The HTML  element (or anchor element) creates a hyperlink to other web pages, files, locations within the same page, email addresses, or any other URL. Examples: link text  Specifies where to display the linked URL. It is a name of, or keyword for, a browsing context: a tab, window, or . The following keywords have special meanings: _self: Load the URL into the same browsing context as the current one. This is the default behavior. _blank: Load the URL into a new browsing context. This is usually a tab, but users can configure browsers to use new windows instead. _parent: Load the URL into the parent browsing context of the current one. If there is no parent, this behaves the same way as _self. _top: Load the URL into the top-level browsing context (that is, the "highest" browsing context that is an ancestor of the current one, and has no parent). If there is no parent, this behaves the same way as _self. Example: Opens in a new tab or new window. An element ID preceded by a hash mark (#) specifies an internal target location within the current document or another document. Example: bookmark link bookmark link ... Bookmark Target Relative links are relative to the path of the current page. Absolute links specify a full document location (fully-qualified server name and file path). Examples: relative link relative path link absolute link Includes form attributes; action; method; submission methods; accessibility; input types and restrictions; select; textarea; button; output; option; datalist; fieldset. The HTML  element represents a document section that contains interactive controls to submit information to a web server. Example:   Name:    The form action attribute specifies the URI of the page that will process submitted form information. Example:   Name:    The form method attribute specifies the HTTP method that the browser uses to submit the form. Possible values are: post: Corresponds to the HTTP POST method ; form data are included in the body of the form and sent to the server. get: Corresponds to the HTTP GET method; form data are appended to the action attribute URI with a '?' as separator. Examples:   Name:     Name:    The HTML  element is used to create interactive controls for web-based forms in order to accept data from the user. Input types include: checkbox: A check box allowing single values to be selected/deselected. color: A control for specifying a color. date: A control for entering a date (year, month, and day, with no time). email: A field for editing an e-mail address. file: A control that lets the user select a file. hidden: A control that is not displayed but whose value is submitted to the server. image: A graphical submit button. number: A control for entering a number. password: A single-line text field whose value is obscured. radio: A radio button, allowing a single value to be selected out of multiple choices. range: A control for entering a number whose exact value is not important. reset: A button that resets the contents of the form to default values. search: A single-line text field for entering search strings. submit: A button that submits the form. tel: A control for entering a telephone number. text: A single-line text field. url: A field for entering a URL. Examples: checkbox:  color:  date:  email:  file:  hidden:  number:  password:  radio:  one  two range:  text:   The HTML  element represents a control that provides a menu of options. Examples: dropdown:  one two three  list:  one two three  multiple:  one two three  The HTML  element represents a multi-line plain-text editing control. Example: textarea  The HTML  element represents a clickable button. Button elements are much easier to style than input elements. Example: Submit The HTML  element is a container element into which a site or app can inject the results of a calculation or the outcome of a user action. Example:  Tip calculator Bill Amount:  Tip Percentage:   Tip: 0   The HTML  element is used to define an item contained in a , an , or a  element. See examples above for select or below for datalist. The HTML  element contains a set of  elements that represent the values available for other controls. Example: datalist:         The HTML  element is used to group several controls as well as labels within a web form. Example:  radio:  one  two  Microsoft: Exam 98-383 Introduction to Programming using HTML and CSS Mozilla: table Mozilla: Heading Elements Mozilla: p Mozilla: br Mozilla: br Mozilla: div Mozilla: span Mozilla: ul Mozilla: ol Mozilla: li Wikipedia: Semantic HTML Mozilla: header Mozilla: nav Mozilla: section Mozilla: article Mozilla: aside Mozilla: footer Mozilla: detail Mozilla: summary Mozilla: figure Mozilla: caption Mozilla: img Mozilla: a Mozilla: a Mozilla: a Mozilla: form Mozilla: form Mozilla: form Mozilla: input Mozilla: select Mozilla: textarea Mozilla: button Mozilla: output Mozilla: option Mozilla: datalist Mozilla: fieldset ← Understand CSS Fundamentals Exam 98-383: Introduction to Programming using HTML and CSS Present Multimedia Using HTML →
{'wiki_source': 'wikiversity', 'other_info': "{'content_model': 'wikitext', 'language': 'en', 'title': 'Exam 98-383: Introduction to Programming using HTML and CSS/Structure Documents Using HTML', 'type': 'text'}"}