>  기사  >  웹 프론트엔드  >  HTML 태그를 사용하는 방법은 무엇입니까? html a 태그 사용 요약

HTML 태그를 사용하는 방법은 무엇입니까? html a 태그 사용 요약

寻∝梦
寻∝梦원래의
2018-08-29 13:36:178680검색

이 글에서는 주로 HTML 태그를 사용하는 방법과 그 안에 포함된 필수 속성인 href 속성을 소개하고, HTML 태그를 사용하는 방법도 소개합니다. 예를 들면 다음에서 살펴보겠습니다

우선 a 태그의 사용법을 이해해 봅시다:

html a 태그는 웹 페이지를 정의하는 하이퍼링크로, 한 페이지에서 다른 페이지로 이동하는 데 사용됩니다. 또 다른 하이퍼링크

html a 태그에서 가장 중요한 속성은 href 속성입니다. 이는 href 속성이 링크의 대상을 정의하기 때문에 a 태그의 필수 속성이기도 합니다. (자세한 소개는 "PHP 중국어 사이트"를 참조하세요)

a 태그로 정의된 링크의 모양은 모든 브라우저에서 동일합니다

  • 하나는 방문하지 않은 링크입니다. 색상은 파란색이고 밑줄이 그어져 있습니다.

  • 하나는 액세스된 후의 링크이며, 레이블 색상은 보라색이고 밑줄이 그어져 있습니다.

  • 마지막 링크는 활성 링크이고, 레이블 색상은 빨간색입니다.

그럼 예를 들어보겠습니다

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
</head>
<body>
<a href="http://www.php.cn">这里是PHP中文网</a>
</body>
</html>

효과 그림은 다음과 같습니다.

HTML 태그를 사용하는 방법은 무엇입니까? html a 태그 사용 요약

여기 방문한 링크가 있으므로 보라색으로 표시됩니다.

이제 a 태그의 필수 속성인 a 태그의 href 속성에 대해 이야기하겠습니다.

위 코드에서 볼 수 있듯이 태그의 href 속성은 링크의 대상 URL입니다. href 속성의 값은 유효한 문서의 상대 또는 절대 URL이 될 수 있습니다. 여기에 하이퍼링크를 배치하고 URL을 지정한 다음 페이지를 클릭하여 URL을 입력합니다. 이것이 제가 개인적으로 a 태그를 좋아하는 이유이기도 합니다. 작업할 때 캐릭터에 광고를 삽입해야 하는데 이때 태그를 사용하면 아주 간단하게 느껴집니다.

이제 계단식 스타일 시트 파일이나 자바스크립트 파일이 추가되어
태그가 더욱 다양해졌습니다. 이에 대해서는 나중에 이야기합시다.

이제 a 태그의 href 속성에 대한 텍스트 링크 형식을 살펴보겠습니다.

<a href="http://www.php.cn/course.html">这里是PHP中文网的教育课程</a>

이것은 네트워크 문서의 URL로 연결됩니다. 클릭하면 PHP 중국어 웹사이트 교육 과정으로 들어갑니다. 이 렌더링은 이전 렌더링과 유사하므로 한번 살펴보시기 바랍니다. (더 많은 속성 소개를 보려면 다음을 클릭하세요:

html 프로그래밍 사전)

a 태그에 필요한 속성을 소개한 후 a 태그가 갖는 다른 속성과 역할을 살펴보겠습니다.


html a 태그 속성 소개:

HTML 태그를 사용하는 방법은 무엇입니까? html a 태그 사용 요약

위 그림의 검은색 상자는 HTML5에서 폐지된 속성이며, 파란색 상자는 HTML5의 새로운 속성입니다. 미래.

그렇습니다. 위의 내용은 물론 HTML 태그의 사용법에 대해 더 자세히 설명하겠습니다. 궁금하신 점은 아래로 문의주세요

[에디터 추천]

HTML에서 form 태그의 method 속성을 어떻게 사용하나요? 메소드 속성 사용법을 소개합니다

HTML 프레임 태그는 어떻게 사용하나요? 프레임 태그의 구체적인 사용 예

위 내용은 HTML 태그를 사용하는 방법은 무엇입니까? html a 태그 사용 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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