Unlocking HTML: Your Guide to Understanding Web Basics
Understanding HTML Basics
HTML, or HyperText Markup Language, is the standard language used to create web pages. HTML is not a programming language, but a markup language. It instructs web browsers on how to format and display the content. HTML uses tags to define elements like headings, paragraphs, links, and images.
The Structure of an HTML Document
An HTML document begins with a declaration indicating that this is an HTML5 document. The document includes two sections: the head section, inside “ tags, and the body section, within “ tags. The head usually contains meta-information about the document, such as its title. The body contains the main content. See below:
HTML Tags
HTML tags usually come in pairs: an opening tag “ and a closing tag “. For example, to create a paragraph, we use the `
The `` tag is used to embed images in an HTML page. Images are not technically inside the HTML file, but are linked using the “src” attribute. Alternate text can be provided using the ‘alt’ attribute: ``.
Frequently Asked Questions
What does HTML stand for?
HTML stands for HyperText Markup Language. It is the standard language for creating web pages.
What is the purpose of the <!DOCTYPE html> declaration?
The “ declaration helps the browser to display a webpage correctly. It must be the very first thing in your HTML document, before the “ tag.
What's the difference between a tag and an attribute in HTML?
A tag in HTML is used to mark the start and end of an HTML element. An attribute provides additional information about an HTML element and always comes in name/value pairs like `name=”value”`.
The ‘alt’ attribute provides alternative text for an image. If for some reason, an image can’t be displayed, the text inside the ‘alt’ attribute will be shown. It’s also useful for search engine optimization (SEO) and for accessibility.
What is the difference between `<div>` and `<span>` tags?
The `
` and `` elements are generic block and inline containers. `
` is a block-level element and starts on a new line, while `` is an inline container and does not start a new line.
What are `<ul>` and `<ol>` tags used for?
The `
` tag is used to create an unordered list (bulleted list), and the `` tag is used to create an ordered list (numbered list). Each item within these lists is marked by the `
` tag.
HTML has many more elements to explore, but this guide should provide a strong foundation in HTML basics. With these concepts, you can start creating and experimenting with your own HTML pages. Remember to validate your syntax frequently to ensure your web pages are rendered correctly.
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