HTML Anchor Tag Tutorial for Beginners + Styling Links & Lists in CSS
Welcome to this beginner-friendly HTML anchor tag tutorial that walks you through creating hyperlinks—including in-page links and `target="_blank"`—and teaches you **how to style HTML links with CSS.
Then, we'll build and style HTML lists—**unordered (`ul`)** and **ordered (`ol`)**—covering list-style types, images, and custom bullets with CSS.
This session includes:
Beginner guidance on the HTML anchor tag tutorial
How to style links using CSS link styling
Live demo on unordered list HTML tutorial
Styling bullets & spacing for ordered list styling CSS
Navigating within a page using anchor IDs (in-page anchor link tutorial HTML)
Using `target="_blank"` effectively (html anchor tag target blank tutorial)
Perfect for new developers who want links + list styling in one comprehensive guide.
Playlist: • Yet Another Full Stack Development Course
00:00 Introduction and recap
00:52 Introduction to hyperlink elements (anchor tags)
01:15 Hyperlinks linking to another page
02:50 Hyperlinks linking to section of same page or document
04:55 How to add dummy text to bloat your html file via lipsum
08:04 Introduction to target attribute and demo of opening links in another tab
10:00 Limitations of live preview extension of visual studio code
11:00 Linking to section of interest on another page
14:00 Scrolling to link on another page opened by hyperlink (demo exercise)
14:48 Styling link elements and live coding demo
16:00 Styling visited links in CSS file
16:33 Introduction to HTML Lists
18:30 Differences between ordered and unordered HTML lists
19:30 Introduction and practice of styling HTML lists
20:00 How to change bullet styles of unordered lists via list-style-type style
20:34 Creating your custom bullet item in paint and using as bullet in HTML list
22:00 Introduction to list-style-image style and usage practice
22:10 Styling lists via CSS
23:00 Styling list items in CSS
23:45 Introduction and practice for list-style-position style
#htmllivecoding #livecoding #htmlpractice #htmlcodingsession