Master the Art of Coding: A Guided Tour of HTML Basics
HTML Basics Introduction
HTML, an acronym for Hyper Text Markup Language, is the foundation of all web content. It delivers structure to content on the web, allowing other web technologies to interact with it. This passage provides a comprehensive guide to the basics of HTML.
Let’s dive deep into the world of HTML.
What is HTML?
HTML originates from SGML (Standard Generalized Markup Language). It uses tags to define elements within a document. Each element represents a different type of content available on the web. As an example, consider a simple text paragraph. The `
` tag in HTML encapsulates a block of text to denote paragraph content.
HTML Elements
An HTML element usually consists of a start tag and an end tag, encompassing the content. For instance, `
This is an example paragraph.
` is an HTML element. Here, `
` is the start tag, the text between the tags is the content, and `
` is the end tag. Not all elements follow this structure; some, identified as empty elements like ``, have only one tag.
Each HTML document begins with the document type declaration “, ensuring compatibility across browsers. It is composed of a head and a body. The “ element includes meta-information about the document and the “ element contains the main content of the document.
Anatomy of an HTML Page
Let’s consider a basic HTML document:
“`
Title of the document
The content of the document……
“`
The `
` element inside the “ designates the title of the document, which is displayed on the browser tab. The “ holds all the visible web page content, including text, images, and more.
HTML Attributes
HTML elements can contain attributes that offer additional information. For example, the key attribute in the image element is ‘src’ (source). By assigning a source file to the ‘src’ attribute, you can display an image on your website. The format for defining an attribute is: `attribute_name=”value”`. Here is an example image element: ``.
FAQ
What are HTML tables?
HTML tables are defined with the `
` tag. They are used to present data in a structured tabular format with rows and columns.
` tag is a container that groups elements together. It helps in applying CSS styles and performing JavaScript operations on grouped content.
Are HTML and CSS the same?
While both are vital for web development, HTML provides structure to web pages, while CSS is used for styling these structures.
Is HTML case-sensitive?
HTML tag names are not case-sensitive, but it’s a good practice to use lowercase.
Conclusion
Getting familiar with HTML is the first step to becoming a proficient web developer. Though simple to learn, it sets the foundation for much of what we see on the internet. Remember, HTML gives structure to the web, turning plain text into a versatile, interactive environment. As you explore further, concepts like CSS and JavaScript will build on this HTML base, enhancing your ability to create more complex and functional web designs.
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