Mastering the Fundamentals: A Deep Dive into HTML Basics
Introduction to HTML Basics
HTML, an acronym for Hypertext Markup Language, is the underlying foundation of all the websites that we see on the Internet. Serving as the main language for creating and designing webpages, HTML uses a system of simple codes to set out the structures visible on a webpage.
What are the Basics of HTML?
HTML documents consist of text and HTML tags, which give instructions to the web browser about how to display the text. These “tags” are essentially HTML code, often having a beginning and an end denoted by a less than () sign on both ends.
For instance, `` indicates a beginning tag and `` denotes an ending tag. The text that falls between these tags will appear bolded in the browser
.
Key Elements of HTML
Every HTML document commences with “ at the very start, informing the browser that the document is HTML5. Following this, the “ tag encapsulates the entire webpage.
Within this tag, there are typically two key sections:
Head โ Enclosed by the “ tag, this section doesn’t display content. Instead it includes the title of the webpage and other meta-information.
Body โ The “ tag encompasses all the visible content displayed to users visiting the webpage.
Useful HTML Tags
There is a vast array of HTML tags, each with its unique purpose. Here are some commonly used ones:
`
` to `
` – These are header tags, where `
` is the most important and `
` the least.
`
`- This tag denotes a paragraph and is a primary way to display text.
` signifies table data or cells. Lists, sorted (``) and unsorted (`
`), are created with `
`, representing list items.
Frequently Asked Questions
1. Are HTML documents just plain text files?
Yes, HTML documents are just plain text files with a .html file extension that you can open with any text editor.
2. Can I learn HTML without prior coding experience?
Definitely. HTML is often the first step into the world of web development and doesn’t require prior coding knowledge.
3. What is the difference between HTML and CSS?
HTML structures webpage content whereas CSS (Cascading Style Sheets) styles the HTML elements, determining fonts, colors, layouts, and more.
4. Is HTML case sensitive?
No, HTML tags are not case sensitive. However, the values for certain attributes may be.
5. Why close HTML tags?
Closing tags are vital as they signify the end of an element. Not closing tags can lead to undesirable webpage rendering
.
Conclusion
HTML, although simple, is a powerful markup language that shapes the Internet as we know it. A strong understanding of HTML basics serves as a solid foundation towards more advanced web development skills, such as CSS or JavaScript. Enjoy the journey towards proficiency in web development by starting with the fundamentals of HTML. Keep exploring, keep coding, keep learning!
Used by Google Analytics to determine which links on a page are being clicked
30 seconds
_ga_
ID used to identify users
2 years
_gid
ID used to identify users for 24 hours after last activity
24 hours
_gat
Used to monitor number of Google Analytics server requests when using Google Tag Manager
1 minute
_gac_
Contains information related to marketing campaigns of the user. These are shared with Google AdWords / Google Ads when the Google Ads and Google Analytics accounts are linked together.
90 days
__utma
ID used to identify users and sessions
2 years after last activity
__utmt
Used to monitor number of Google Analytics server requests
10 minutes
__utmb
Used to distinguish new sessions and visits. This cookie is set when the GA.js javascript library is loaded and there is no existing __utmb cookie. The cookie is updated every time data is sent to the Google Analytics server.
30 minutes after last activity
__utmc
Used only with old Urchin versions of Google Analytics and not with GA.js. Was used to distinguish between new sessions and visits at the end of a session.
End of session (browser)
__utmz
Contains information about the traffic source or campaign that directed user to the website. The cookie is set when the GA.js javascript is loaded and updated when data is sent to the Google Anaytics server
6 months after last activity
__utmv
Contains custom information set by the web developer via the _setCustomVar method in Google Analytics. This cookie is updated every time new data is sent to the Google Analytics server.
2 years after last activity
__utmx
Used to determine whether a user is included in an A / B or Multivariate test.
18 months
SourceBuster is used by WooCommerce for order attribution based on user source.
Name
Description
Duration
sbjs_session
The number of page views in this session and the current page path
30 minutes
sbjs_udata
Information about the visitorโs user agent, such as IP, the browser, and the device type
session
sbjs_first
Traffic origin information for the visitorโs first visit to your store (only applicable if the visitor returns before the session expires)
session
sbjs_current
Traffic origin information for the visitorโs current visit to your store
session
sbjs_first_add
Timestamp, referring URL, and entry page for your visitorโs first visit to your store (only applicable if the visitor returns before the session expires)
session
sbjs_current_add
Timestamp, referring URL, and entry page for your visitorโs current visit to your store
session
sbjs_migrations
Technical data to help with migrations between different versions of the tracking feature
session
Marketing cookies are used to follow visitors to websites. The intention is to show ads that are relevant and engaging to the individual user.
Facebook Pixel is a web analytics service that tracks and reports website traffic.
Leave a Reply