From the course: HTML and CSS: Linking
Unlock the full course today
Join today to access over 22,700 courses taught by industry experts or purchase this course individually.
Styling a text link to look like a button
From the course: HTML and CSS: Linking
Styling a text link to look like a button
- [Instructor] Buttons have a very semantic meaning associated with them. And by default, buttons are programmed essentially to work inside of forms. You have a form tag, there's a button inside of it. It's a submit button. It's a reset button. That's what buttons are historically true for doing. With HTML5, we got a button tag itself as opposed to an input, which is what buttons were before. And buttons are now able to live outside of an HTML form tag, just like this button does right here. But this button does absolutely nothing. We can click this button all day long. It will do absolutely nothing. We have to associate JavaScript with this button in order to make it do something whatever that something happens to be. Now, often people want the look of a button but they want the functionality of a link. They just want to be able to click on a button and it's going to take them to wherever it is they need to go rather than having to mess with JavaScript and using a semantic HTML…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
(Locked)
Styling links and link states7m 1s
-
(Locked)
Making exceptions to link styling3m 12s
-
(Locked)
Styling a text link to look like a button4m 53s
-
(Locked)
Understanding proper navigation markup3m 14s
-
(Locked)
Creating a simple vertical navigation bar6m 27s
-
(Locked)
Creating a simple horizontal navigation bar5m 38s
-
(Locked)
-
-