반응형 Programming Language/HTML7 [HTML] link 태그의 속성_rel, type, href HTML에서 css를 사용할 때 아래와 같이 link 태그를 쓰곤한다. 1 cs 1. link 태그란? 현재 소스 파일과 외부 소스(external resource) 를 연결해주는 태그이다. 2. 의 속성 - rel (relation) : 관계를 의미하며 필수 속성이다. rel = " 불러올 파일을 현재 파일과 어떤 관계로 정의할 것인지 " rel = "stylesheet" 는 스타일 시트로 스타일 문서를 불러오겠다는 의미로 이해하면 된다. - type : 링크된 외부 리소스의 미디어 타입을 명시하며, 반드시 href가 쓰여야 사용할 수 있다. - href (hyper reference) : 하이퍼 참조. 링크된 외부 리소스의 url을 명시한다. 2023. 9. 20. [HTML] 이미지에 링크 삽입하기(이미지 태그에 링크 삽입하기) 1. 태그와 ... 태그란? https://lucky-sunyoung.tistory.com/entry/HTML-img-%ED%83%9C%EA%B7%B8%EB%9E%80-image [HTML] 태그란? (image) 1. 태그란 무엇인가? - 는 image(이미지)의 약자로, 이미지를 삽입할 때 사용한다. - 는 닫는 태그 없이 사용이 가능하다. 2. 태그 속성 - src : 이미지 경로 주소 - alt : 이미지를 가져오기 실패했을 시 lucky-sunyoung.tistory.com https://lucky-sunyoung.tistory.com/entry/a%ED%83%9C%EA%B7%B8%EB%9E%80-anchor [HTML] 태그란? (anchor) 1. 태그란 무엇인가? -...는 anchor(닻.. 2022. 12. 7. [HTML] <img> 태그란? (image) 1. 태그란 무엇인가? - 는 image(이미지)의 약자로, 이미지를 삽입할 때 사용한다. - 는 닫는 태그 없이 사용이 가능하다. 2. 태그 속성 - src : 이미지 경로 주소 - alt : 이미지를 가져오기 실패했을 시 보여줄 텍스트 - width : 이미지 가로 길이 - height : 이미지 세로 길이 - title : 이미지 위 마우스 커서 올릴 시 보여지는 설명 3. 태그 사용 예시 1) 단순히 경로 주소를 통해 이미지만 넣었을 때 / 1 2 3 4 5 6 7 8 9 10 img 태그에 대해 알아보자 cs 2) 이미지 가져오기를 실패했을 시 보여줄 텍스트_noodle1이라는 이미지는 폴더 내에 없습니다. / 1 2 3 4 5 6 7 8 9 10 img 태그에 대해 알아보자 Colored by.. 2022. 12. 7. [HTML] <a>태그란? (anchor) 1. 태그란 무엇인가? -...는 anchor(닻) 의 약자로, url 링크로 연결할 때 쓰인다. 2. 태그 속성 종류 -href : 원하는 url로 연결되도록 지정할 수 있다. -target : 링크 클릭 시 창을 어떤 방식으로 열지 설정할 수 있다. -title : 링크 위로 마우스 커서를 올릴 시 설명할 말을 설정할 수 있다. 1) href 속성 >절대경로 : 웹페이지 주소 1 네이버로 cs >상대경로 : 프로젝트 내 경로 1 게시판 cs >element id를 이용한 url : 같은 문서 내에서 가리키는 id 1 2 3 4 5 문단1 문단2 첫 번째 문단으로 두 번째 문단으로 cs 2) target 속성 >_blank : 링크 클릭 시 새창에서 열린다. 1 네이버로 cs >_self : 링크를 클.. 2022. 12. 5. 이전 1 2 다음 반응형
