More about WEB PAGE
Anatomy of the <head>
Grouping content
- Understanding the need to group content
- Using the div Element
- Grouping content into lists
- Dealing with figures
Creating advanced tables
- Adding table headers cells
- Denoting the headings and the table body
- Creating irregular tables
- Applying borders to the table element
Form Handling
- The action attribute
- The method attribute
- Configuring the Data Encoding
- Controlling form completion
- Setting the name of the form
- Adding labels to a form
- Automatically focusing on an input element
- Disabling individual input elements
- Grouping form elements together
- Using the button element
Customizing the input element
- Using the input element for text input
- Setting values and using placeholders
- Using a data list
- Creating read-only and disabled text boxes
- Restrict data entry
Using input validation
Literally, metadata means data or information about data. Thus, the <meta> element is used to provide information about the HTML document inside which it appears. All <meta> elements always appear inside the HTML <head>. They can also define keywords for search engines, describe document content, identify the document’s author, define a document refresh interval (the interval at which a page automatically reloads itself), and more.
<html>
<head>
<meta charset="UTF-8"> <!-- defines default HTML character codes -->
<meta name="keywords" content="HTML, CSS, meta tag examples">
<meta name="author" content="Ed Tittel"> <!-- identifies author -->
<meta name="description" content="This is an example of a meta description." > <!-- meta element description-->
<meta http-equiv="refresh" content="1800"> <!-- refresh every 30 mins -->
<title>Lots of head markup, no body</title>
</head>
<body></body>
</html>