>웹 프론트엔드 >HTML 튜토리얼 >마우스 호버 프롬프트를 구현하는 방법 HTML의 태그 내용

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

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

이번에는 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 중국어 웹사이트의 다른 관련 기사를 주목해 주세요!

관련 읽기:

HTML에서 CSS를 참조하는 방법은 무엇입니까?

기본 태그를 사용하는 방법

트리거 방법을 사용하여 파일 선택 대화 상자를 클릭하지 않고 팝업하는 방법 파일 형식 입력

위 내용은 마우스 호버 프롬프트를 구현하는 방법 HTML의 태그 내용의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.