본문 바로가기

728x90

기타/html

(11)
[HTML] a tag 사용법 및 예제 a tag는 html의 핵심 태그로 다른 웹페이지로 연결하는 하이퍼 링크 기능을 제공합니다. 주요 속성을 살펴보면 다음과 같습니다. href : 이동하고자 하는 페이지 url target : 어디서 페이지를 열지 결정 예제를 통해 알아보도록 하겠습니다. atag information 해당 링크를 누르면 다음과 같이 페이지가 나옵니다. 이때 기존의 페이지가 링크된 페이지로 바뀝니다. 만약 새로운 탭에 띄워주고 싶다면 어떻게 해야 할까요? 이때 target 속성을 사용합니다. target="_blank"를 주면 새로운 탭에 페이지가 나옵니다. atag information 기존의 페이지는 남아있고 새로운 탭에서 링크된 페이지가 열립니다. a태그는 html에서 가장 중요한 태그 중 하나로 매우 중요합니다. 반..
[HTML] link 태그 사용법 및 예제 오늘은 html의 핵심 태그 중 하나인 link태그에 대해 알아보도록 하겠습니다. link태그는 외부 리소스를 연결하는 태그입니다. link태그의 핵심 속성은 2가지가 있습니다. -href : 외부 리소스의 URL을 명시하는 부분입니다.(리소스의 위치) -rel : 현재 문서와 외부 문서 사이의 연관 관계를 명시하는 부분입니다.(리소스와의 관계) stylesheet는 외부 문서가 css파일일 경우(가장 많이 사용됩니다.), author은 저작자로 연결할 때, help는 도움말로 연결할 때, license는 저작권 정보로 연결할 때 search는 검색 도구로 연결할 때 이밖에도 prerender, prev, prefetch는 다양하게 있습니다. 1. 거대한 css파일을 분리할 수 있는 강력한 기능을 제공합..
[HTML] html form 태그 사용하는 방법 [HTML] form 태그는 로그인 창, 회원가입 폼 등 웹페이지의 입력 양식을 만들 때 사용하는 태그입니다. 여러 개의 input을 한 번에 get 혹은 post 방식으로 서버에 전달할 수 있는 강력한 기능을 갖고 있습니다. from 태그에는 크게 3가지 속성이 있습니다. name : 폼의 이름 action : 폼 데이터를 전송할 서버 url method: 전송 방식(GET/POST) 예시를 통해 알아보도록 하겠습니다. 회원가입 아이디: 비밀번호: form 태그 안에 label, input 태그가 존재합니다. label은 아이디:, 비밀번호 : 이부분을 표시해줍니다. 중요한 것은 input태그입니다. type이 text와 submit 두 가지 존재합니다. text에는 데이터가 담깁니다. 그리고 해당 태..

728x90