H5 learning journey-H5 hyperlinks and image links (6)
Link content
1. Text link
2. Image link
Attribute
href: Point to another document Link
name: link inside the document
img tag attribute
alt: replacement text attribute
width: width
height ：High
Code example
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<title>H5样式</title></head><body>
<a href="http://www.baidu.com">点击我跳转</a>
<a href="http://www.baidu.com">
<img src="/static/imghw/default1.png" data-src="images/hello.jpg" class="lazy" style="max-width:90%" height="100px" alt="美女">
</a>
<a name="tips">hello liupeng</a>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<a href="#tips">跳转到hello</a></body></html>Rendering
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<title>H5样式</title></head><body>
<a href="http://www.baidu.com">点击我跳转</a>
<a href="http://www.baidu.com">
<img src="/static/imghw/default1.png" data-src="images/hello.jpg" class="lazy" style="max-width:90%" height="100px" alt="美女">
</a>
<a name="tips">hello liupeng</a>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<a href="#tips">跳转到hello</a></body></html>Copy after loginCopy after loginRendering
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<title>H5样式</title></head><body>
<a href="http://www.baidu.com">点击我跳转</a>
<a href="http://www.baidu.com">
<img src="/static/imghw/default1.png" data-src="images/hello.jpg" class="lazy" style="max-width:90%" height="100px" alt="美女">
</a>
<a name="tips">hello liupeng</a>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<a href="#tips">跳转到hello</a></body></html>
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
AI Hentai Generator
Generate AI Hentai for free.
Hot Article
Hot Tools
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
Solve the problem that hyperlinks cannot be opened
Feb 18, 2024 am 09:57 AM
How to solve the problem that hyperlinks cannot be opened. With the rapid development of the Internet, hyperlinks have become an indispensable part of our daily lives. We often see and use hyperlinks on various platforms such as web pages, emails, and social media. However, sometimes we may encounter problems with hyperlinks not opening, which makes us confused and frustrated. In this article, we will discuss the reasons why hyperlinks cannot be opened and their solutions, hoping to help you solve this problem. First, let us understand the possible reasons why hyperlinks cannot be opened. The following are some common
Can't open hyperlink in word document
Feb 18, 2024 pm 06:10 PM
In recent years, with the continuous development of network technology, our lives are inseparable from various digital tools and the Internet. When processing documents, especially in writing, we often use word documents. However, sometimes we may encounter a difficult problem, that is, the hyperlink in the word document cannot be opened. This issue will be discussed below. First of all, we need to make it clear that hyperlinks refer to links added in word documents to other documents, web pages, directories, bookmarks, etc. When we click on these links, I
What should I do if WPS cannot open a hyperlink? Solution to WPS hyperlink not opening
Mar 13, 2024 pm 08:40 PM
When many of our friends use WPS to edit content, they sometimes add hyperlinks to specific text. Recently, some friends have reported that WPS hyperlinks cannot be opened and cannot be clicked to access after using many methods. About this How to solve the problem? In this software tutorial, the editor will share the specific solutions, hoping to help the majority of users. Solution to WPS hyperlink not opening: Method 1: Move the mouse over the hyperlink to see if it becomes clickable. 1. Open the software, click "File" in the upper left corner of the page, and select "Options" in the menu below. 2. After entering the new interface, click "Edit&rdq" on the left
What does h5 mean?
Aug 02, 2023 pm 01:52 PM
H5 refers to HTML5, the latest version of HTML. H5 is a powerful markup language that provides developers with more choices and creative space. Its emergence promotes the development of Web technology, making the interaction and effect of web pages more Excellent, as H5 technology gradually matures and becomes popular, I believe it will play an increasingly important role in the Internet world.
Tutorial on how to insert hyperlinks into PPT slides to achieve skipping playback
Mar 26, 2024 pm 02:51 PM
1. Open a PPT, or make a PPT that requires hyperlinks. 2. Select the content that needs to be inserted into a hyperlink. For example, we select the word "flower" and insert a hyperlink into it. 3. Click Insert in the menu bar, find the Hyperlink in the Link column, and click the hyperlink. 4. A window will appear, with the link on the left to select the location in this document, and then each slide in the PPT will appear. 5. You can select the slide you want to link, click once, and the preview mode of this slide will appear on the right. 6. With the hyperlink, the font color will change. We only need to click on the hyperlinked word when playing the slide, and the slide will automatically play to the slide we linked to.
Outlook freezes when inserting hyperlink
Feb 19, 2024 pm 03:00 PM
If you encounter freezing issues when inserting hyperlinks into Outlook, it may be due to unstable network connections, old Outlook versions, interference from antivirus software, or add-in conflicts. These factors may cause Outlook to fail to handle hyperlink operations properly. Fix Outlook freezes when inserting hyperlinks Use the following fixes to fix Outlook freezes when inserting hyperlinks: Check installed add-ins Update Outlook Temporarily disable your antivirus software and then try creating a new user profile Fix Office apps Program Uninstall and reinstall Office Let’s get started. 1] Check the installed add-ins. It may be that an add-in installed in Outlook is causing the problem.
How to replace a URL address in a string with a hyperlink in PHP using regular expressions
Jun 22, 2023 pm 02:22 PM
With the popularity of the Internet, people are increasingly inseparable from the Internet in their daily lives, and they increasingly need the support of web pages. In web pages, a very common operation is to convert the URL address into a hyperlink. In PHP, we can use regular expressions to achieve this operation. Next, let us take a look at the specific implementation method. 1. Use regular expressions to match URLs. Before using regular expressions to replace URLs with hyperlinks, we need to use regular expressions to match URLs. The specific matching rules are as follows: $patter
Why can't the hyperlink be opened?
Feb 22, 2024 pm 03:33 PM
As one of the common elements in web pages, hyperlinks are often used to point to other web pages, files or specific locations. However, sometimes we encounter a situation where a hyperlink cannot be opened, which can be caused by a number of reasons. First, the failure to open a hyperlink may be caused by an incorrect link address. When creating a hyperlink, we need to make sure that the link's address is correct. If the address contains special characters or spaces, the link may not open. In addition, if the link address changes or the target file has been moved or deleted, the link will not be opened.
