집 > 기사 > 웹 프론트엔드 > 마우스 호버 프롬프트를 구현하는 방법 HTML의 태그 내용

마우스 호버 프롬프트를 구현하는 방법 HTML의 태그 내용

php中世界最好的语言원래의: 2018-02-11 11:00:316516검색

이번에는 HTML에서 A 태그의 내용을 표시하기 위해 마우스를 올리면 어떻게 구현하는지 보여 드리겠습니다. html에서 A 태그의 내용을 표시하기 위해 마우스를 올리면 주의 사항은 무엇입니까? 살펴보자.

프롬프트 콘텐츠(제목속성content) 줄 바꿈 서식 지정 방법 개체 위에 마우스를 올렸을 때 html 제목 줄 바꿈 방법 요약입니다.
html의 제목 속성은 기본적으로 한 줄을 표시합니다. 줄 바꿈 방법 여기 DIVCSS5에서는 모든 사람이 공유하고 사용할 수 있는 두 가지 줄 바꿈 방법을 요약하고 소개합니다.
1. 제목 내용을 새 줄로 직접 줄 바꿈
제목 내용을 직접 입력할 때 "Enter"를 누르면 제목 내용을 줄 바꿈할 수 있습니다.

<a href=&#39;http://www.PHP.cn&#39; target=&#39;_ablank&#39; 
title=&#39;标 题：DIVCSS5 
作 者：DIVCSS5 
更新时间：2013-05-17 
推荐等级：无 
关键字：title换行 
分页方式：不分页 
阅读等级：普通&#39;>html title属性换行</a>

2. code
코드를 사용하여 새 줄을 래핑하세요. 두 개의 코드가 있으며 둘 다 달성할 수 있습니다.html 태그 표시될 때 제목 내용을 래핑하세요.
1. 줄 바꿈 코드는 다음과 같습니다.
“ ” 철자법:
&(및 기호, &와 함께 사용되는 키보드 숫자 키) + #(파운드 기호) ) + 10(아라비아 숫자 10) + ;(소문자 세미콜론)
" " 철자법:
&(및 기호, 키보드 숫자 키 7과 &) + #(파운드 기호) + 13(아라비아 숫자 13) + ;(소문자 세미콜론)
위 숫자 입력은 영문 반각 모드로 입력해야 합니다. 사용할 때 줄 바꿈이 필요한 줄 바꿈 기호 코드의 유형(그룹)을 선택하기만 하면 됩니다.
2. 샘플 코드는 다음과 같습니다.

<a href="http://www.jb51.net" 
title="第一排&#10;第二排&#10;第三排">title换行1</a> 
<a href="http://www.jb51.net" 
title="说明一&#13;说明二&#13;说明三">title换行2</a> 
<!-- html注释： 这里为了截图完整，对代码进行换行 -->

이 사례를 읽으신 후 방법을 마스터하셨다면 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목해 주세요!