The basic elements of an HTML page are:
- Text header, using like
<h1>,<h2>,<h3>,<h4>,<h5>,<h6>tags. - Paragraph, using like <p> tag.
- Horizontal Ruler OR divider using like
<hr>tag. - Link, using like <a> (anchor) tag.
- A list, using like
<ul>(unordered list),<ol>(ordered list) and<li>(list element) tags. - An image, denoted using the
<img>tag - A divider, denoted using the
<div>tag - A text span, denoted using the
<span>tag
The next few pages will give an overview of these basic HTML elements.
Each element can also have attributes – each element has a different set of attributes relevant to the element. There are a few global elements, the most common of them are:
id– Denotes the unique ID of an element in a page. Used for locating elements by using links, JavaScript, and more.class– Denotes the CSS class of an element. Explained in the CSS Basics tutorial.style– Denotes the CSS styles to apply to an element. Explained in the CSS Basics tutorial.data-xattributes – A general prefix for attributes that store raw information for programmatic purposes. Explained in detailed in the Data Attributes section.
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1>My First Page</h1>
<p>This is my first page.</p>
<h2>A secondary header.</h2>
<p>Some more text.</p>
</body>
</html>-
Tutorial 1 filesProduct on sale$1.50