Understanding the Web
How to create a website
Parts of an HTML page
Structure of an HTML Document
- The Outer Structure of an HTML Document
- Parents, Children, Descendants and Siblings
- Setting Up the Basic Document Structure
Creating and viewing a WEB PAGE
Text formatting in HTML
- Basic text formatting elements
- Creating Breaks
- Abbreviations, Definitions, Quotations and Citations
- Working with language elements
- Other text elements
- More formatting elements
Organising information using lists
Structure content with tables
Data collection with forms
- How a form looks like?
- Creating forms
- Input tags
- Text fields
- Password fields
- Checkboxes and radio buttons
- Hidden fields
- File upload fields
- Drop-down list fields
- Multiline text boxes
- Submit and Reset buttons
Navigation with links
To create a link, you need
- A web address (called a Uniform Resource Locator; URL) for the website or file that’s your link target. This usually starts with http://.
- Some text in your web page to label or describe the link. Make sure that the text you use says something useful about the resource being linked.
- An anchor element (<a>) with an href attribute to bring it all together.
The element to create links is called an anchor element because you use it to anchor a URL to some text on your page. When users view your page in a browser, they can click the text to activate the link and visit the page whose URL you specified in that link. You insert the full URL in the href attribute to tell the link where to go.
You can think of the structure of a basic link as a cheeseburger (or your preferred vegan substitute). The URL is the patty, the link text is the cheese, and the anchor tags are the buns. Tasty, yes?
For example, if you have a web page that describes HTML standards, you may want to refer web surfers to the World Wide Web Consortium (W3C) — the organization that governs all things related to HTML standards.
A basic link to the W3C website, http://www.w3.org, looks like this:
<html> <head> </head> <body> <p> The <a href="http://www.w3.org">World Wide Web Consortium</a> is the standards body that oversees the ongoing development of the HTML specifications, and the WHATWG helps out with HTML5. </p> </body> </html>
The World Wide Web Consortium is the standards body that oversees the ongoing development of the HTML specifications, and the WHATWG helps out with HTML5.
You specify the link URL (http://www.w3.org) in the anchor element’s href attribute. The text (World Wide Web Consortium) between the anchor element’s opening and closing tags (<a> and </a>) describes the link.