-
Adding an Image to a Web Page
-
The role of images in a webpage
-
Specifying locations in web pages
-
Customizing Links
-
Exploring link options
-
Basic links
-
Why links?
-
Submit and Reset buttons
-
Multiline text boxes
-
Drop-down list fields
-
File upload fields
-
Hidden fields
-
Checkboxes and radio buttons
-
Password fields
-
Text fields
-
Input tags
-
Creating forms
-
How a form looks like?
-
Adding Headers Cells
-
Creating a Basic Table
-
Description list
-
Unordered list
-
Ordered list
-
Lists
-
More formatting elements
-
Other text elements
-
Working with language elements
-
Abbreviations, Definitions, Quotations and Citations
-
Creating Breaks
-
Basic text formatting elements
-
Creating a page from scratch using VS Code
-
Creating a page from scratch using Notepad
-
Setting Up the Basic Document Structure
-
Parents, Children, Descendants and Siblings
-
The Outer Structure of an HTML Document
-
Element Attributes
-
HTML elements
-
How HTML creates a website
-
Creating HTML markup
-
How a website works
-
Web Browsers vs Web Servers and Internet/HTTP
-
Webpage vs Website
HTML elements
We are going to discuss the basics of HTML to make sure the fundamentals are right— beginning with what HTML is for and how it works. I’ll define the basic terminology HTML uses and show you some of the core HTML elements that pretty much every web page uses.
I like <code>apples</code> and oranges.
The element is shown in bold—it has three parts. The start tag is <code>, and the end tag is </code>. Between the tags is the element’s content (in this case, the word apples). Together, the tags and the content form the code element.
Elements are the way you tell the browser about your content. The effect of the element is applied to the element contents. Each of the HTML elements has a different and quite specific meaning—the code element, for example, represents a fragment of computer code.
Inline vs block-level elements
By default, inline elements do not force a new line to begin in the document flow. Block elements, on the other hand, typically cause a line break to occur.
Some inline elements:
span, i, b, strong, u, a, img, input
Some block level elements:
h1…h6, form, div, table, li, ul, p