HTML Basics - Simple Example of Setting Hyperlink Style

HTML Basics - Simple Example of Setting Hyperlink Style

*** Example of setting the style of a hyperlink

a:link The state of a hyperlink before being clicked

a:visited The state after a hyperlink is clicked

a:hover Hovering over a hyperlink

a:active When clicking a hyperlink

There is an order in defining these states.

Code area:

XML/HTML CodeCopy content to clipboard
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >   
  2. < html   xmlns = "http://www.w3.org/1999/xhtml" >   
  3. < head >   
  4. < meta   http-equiv = "Content-Type"   content = "text/html; charset=utf-8"   />   
  5. < title > Untitled Document </ title >   
  6. < style   type = "text/css" >   
  7. a:link
  8. {
  9. color:#000;
  10. text-decoration:none;}
  11. a:visited
  12. {
  13. color:#000;
  14. text-decoration:none;}
  15. a:hover
  16. {
  17. color:#F00;
  18. text-decoration:underline;}
  19. a:active
  20. {
  21. color:#F90;
  22. text-decoration:underline;}
  23. </ style >   
  24. < link   href = "Untitled-1.css"   rel = "stylesheet"   type = "text/css"   />   
  25. </ head >   
  26.   
  27. < body >   
  28. <​   href = "http://www.baidu.com/" > Baidu search </ a >   
  29. </ body >   
  30. </ html >   

Running display: When the mouse arrow is not on "Baidu", it displays black - when it is on, it displays red - when you click the "Baidu" link, it displays orange - after clicking, it displays black

The above article on HTML basics - a simple example of setting the style of hyperlinks is all I have to share with you. I hope it can give you a reference, and I also hope that you will support 123WORDPRESS.COM.

Original URL: http://www.cnblogs.com/H2921306656/archive/2016/07/10/5658752.html

<<:  Essential for front-end development: 12 browser compatibility testing tools recommended

>>:  Docker custom network container interconnection

Recommend

Summary of online MYSQL synchronization error troubleshooting methods (must read)

Preface After a failover occurs, a common problem...

Docker image optimization (from 1.16GB to 22.4MB)

Table of contents The first step of optimization:...

Introduction to Linux environment variables and process address space

Table of contents Linux environment variables and...

Tutorial on disabling and enabling triggers in MySQL [Recommended]

When using MYSQL, triggers are often used, but so...

This article summarizes the implementation methods of 6 load balancing technologies (summary)

Load balancing is a commonly used device in serve...

MySQL Database Basics SQL Window Function Example Analysis Tutorial

Table of contents Introduction Introduction Aggre...

Solution to data duplication when using limit+order by in MySql paging

Table of contents summary Problem Description Ana...

Vue template configuration and webstorm code format specification settings

Table of contents 1. Compiler code format specifi...

Summary of some reasons why crontab scheduled tasks are not executed

Preface I recently encountered some problems at w...

CSS clicks on the radio to switch between two image styles and only one of the multiple radios can be checked

We implement a red image style for the clicked bu...

How to install and configure the Docker Compose orchestration tool in Docker.v19

1. Introduction to Compose Compose is a tool for ...

Mysql5.7.14 installation and configuration method operation graphic tutorial (password problem solution)

This article mainly involves solutions to problem...

Syntax alias problem based on delete in mysql

Table of contents MySQL delete syntax alias probl...

Introduction to the deletion process of B-tree

In the previous article https://www.jb51.net/arti...

Pull-down refresh and pull-up loading components based on Vue encapsulation

Based on Vue and native javascript encapsulation,...