-
HTML_01_HTML_Title 작성하기html, php 2020. 5. 15. 10:33
HTML 문법에 대해 알아 보자.
첫번째로 title 에 대하여 알아보자.
<html> <head> <title>3-1.html 입력 폼파일</title> <meta http-equiv="content-type" content="text/html; charset=euc-kr"> </head> </html>위와 같이 코드를 입력하면 아래와 같은 이미지로 출력됨을 확인할 수 있다.
<html> <head> <a href = "../linktest/SQL.pdf" title = "SQL!!" >sql link code</a> </head> </html>위와 같이 <a href >를 이용하면 링크를 이용한 화면 구성이 가능하다.
하지만 위 코드의 문제는 아래의 이미지처럼 클릭버튼을 눌러야 데이터를 들어 갈 수 있다.
사실 기대한것은 구글에서 버튼만 누르면 pdf파일이 자동으로 열리는 것이었으니...
<a>의 의미를 파악해 볼 필요가 있어 보인다.
응? 자세히 보면 <head>에 입력한 값은 분명 탭에 들어갈 정보를 변경하는 것이라고 생각했는데 아래 코드는 빈 화면에 등록됨을 확인 할 수 있다.
아무래도 <a>의 속성은 빈 페이지에 코드를 생성하게 되는 경우 인듯하다.
주제를 살짝 벗어났지만 <a>에 대해 공부하는 김에 아래 코드를 알아두면 좋다.
<html> <head> <a href = "../linktest/SQL.pdf" title = "SQL!!" >상대경로</a> <a href = "http://www.naver.com" title = "SQL!!" >외부경로</a> <a href = "/html/200515/link_Test2.html" title = "SQL!!" >절대경로</a> </head> </html>
사실 아직도 마음에 안든다.
상대경로 외부경로 절대경로가 한칸씩 아래로 입력되고 싶다.
알아보자.
<p>를 사용하면 아래 칸으로 옮길 수 있다는 것을 확인할 수 있었다.
<html> <head> <a href = "../linktest/SQL.pdf" title = "SQL!!" ><p>상대경로</p></a> <a href = "http://www.naver.com" title = "SQL!!" ><p>외부경로</p></a> <a href = "/html/200515/link_Test2.html" title = "SQL!!" ><p>절대경로</p></a> </head> </html>
그렇다면 <a>에서 title은 어디에 정보를 닮고 있는 것일까?
링크에 마우스를 가져다가 댄다면 그 정보"SQL!!"이 출력됨을 볼 수 있다.