반응형
이번에는 HTML 하이퍼링크를 넣는 방법을 알아보겠습니다.
Hyperlink Example
Click here to visit Example.com.
<p>Click <a href="https://www.example.com">here</a> to visit Example.com.</p> 이 부분이 하이퍼링크를 걸어준 부분의 코드입니다. 문장내에 주소르 넣어주고 표기는 here로 보이게끔 만들어져 있습니다. here을 한글로 '여기에'라고 바꾸어보겠습니다.
그럼 코드를
Click https://www.example.com">여기에</a> to visit Example.com.</p> 라고 고쳐주고 넣어주면 되는데요.
Click 여기에 to visit Example.com. 라고 고쳐졌습니다. ^^
여기에 사용되는 태그는 <a>를 사용하여 하이퍼링크를 만들고 href속성을 설정합니다.
<a> 태그를 사용해서 하이퍼링크를 만들고, href속성은 링크의 URL을 지정하는데 사용합니다.
사용된 위의 예시를 보면서 읽어보면 이해가 빠르게 되실겁니다. 여기서 <a>태그와 닫은 </a>태그 사이에 배치된 텍스트가 URL주소를 담고 표시되는 것입니다. <a>태그와 닫은 </a>태그 사이에 배치된 텍스트를 클릭하면 URL주소로 이동하게 되는 것입니다.
반응형
'HTML' 카테고리의 다른 글
html에서 <ul>, <ol>태그로 목록만드는 방법 (0) | 2023.06.13 |
---|---|
html 이미지 삽입 방법 (0) | 2023.06.13 |
HTML 텍스트 서식 글자 꾸미기 <strong>,<em>,<u> (0) | 2023.06.12 |
html 하이퍼링크 새탭, 새창으로 열기 방법 (0) | 2023.06.12 |
HTML의 기본 구조 <html><head><title><p><h> (0) | 2023.06.12 |