반응형 코딩12 [컴퓨터언어] 폼 만드는 태그, 소스, 코드, 폼의 정의 (11) 폼은 특정 항목에 사용자가 뭔가를 입력하는 형태를 말합니다. 우리에게 익숙한 폼은 바로 로그인 창이 있겠네요. 이번 포스팅은 이런 폼을 만드는 태그에 대해서 알아보도록 하겠습니다. 폼은 우리가 알게 모르게 굉장히 자주 이용하고 있습니다. 하지만 아직 브라우저별로 지원하는 형태가 달라 표준안이 나올 때까지는 잘 확인해서 자신이 만들 웹에 최적화시켜야 할 것입니다. 폼 정의 : 사용자가 웹 사이트로 정보를 보낼 수 있는 요소 예시 : 검색 사이트의 로그인 창, 회원가입 창 폼을 만드는 태그 및 속성 태그 : 폼을 만드는 가장 기본태그 태그 : 폼 요소 옆에 텍스트 붙이기 , 태그 : 폼 요소들을 그룹으로 묶기 [1] 폼 처음에 설명드렸다시피 폼은 우리가 알게 모르게 주위에서 많이 볼 수 있습니다. 사용자가 .. 2021. 7. 4. [컴퓨터언어] 링크(하이퍼링크) 만드는 태그, 소스, 코드 및 속성 (10) 어느 사이트를 들어가더라도 있을 만큼 인터넷 세상에서 링크는 굉장히 흔한 기능입니다. 하이퍼링크라고 많이 알려져 있는 이 기능은 적절하게 사용할 시 방문자의 편의성을 높여줄 수 있기 때문에 알아두면 굉장히 좋습니다. 오늘은 이런 링크를 웹 브라우저에서 구현하는 태그와 속성에 대해 알아가는 시간을 가져보도록 하겠습니다. 단순히 텍스트에만 링크를 씌우는 것이 아니라, 이미지에도 씌울 수 있고, 이미지에서도 2개 이상 씌울 수도 있습니다. 전부 알아보도록 하겠습니다. 하이퍼링크 만드는 태그, 소스, 코드 및 속성 1. 일반적인 링크 : 태그, href 속성 2. 앵커기능 : 한 페이지 내에서 이동하는 링크 작성(목차 링크에 주로 이용, 내부링크) 3. 한 이미지에 2가지 링크 넣기 : 태그, usemap속성 .. 2021. 6. 29. [컴퓨터언어] 이미지 태그 및 속성 (9) 홈페이지를 만들려면 이미지를 삽입할 줄 알아야 합니다. 이미지를 삽입하여 사용자가 홈페이지를 이용하는데 불편함이 없도록 해야 하기 때문입니다. 오늘은 이미지 태그를 삽입하는 방법에 대해 알아보겠습니다. 함께 사용할 수 있는 속성에 대해서도 알려드리겠습니다. 이미지 태그 및 속성 1. 이미지 넣기 : 태그, src속성 2. 컴퓨터에게 이미지 설명하기 : alt속성 3. 이미지 크기 조절하기 : width, height 속성 4. 이미지 설명글 넣기 : , 태그 이미지 태그에 관해서는 위의 내용만 알아도 무방합니다. 좀 더 자세하게 설명해드리겠습니다. [1] 웹에서 사용하는 이미지 형식 1. GIF : 파일 크기가 작은 편, 투명한 배경이나 움직이는 이미지 표현에 사용합니다. 2. JPG/JPEG : 다양한.. 2021. 6. 27. 티스토리 글 내에서 이동하기 / 페이지 내 원하는 위치로 스크롤 이동 방법 (내부 링크, 하이퍼링크, 앵커) 티스토리 블로그를 보다 보면, 단어나 문장에 링크가 걸려 있고 그 링크를 클릭하면 글 내의 어떤 부분으로 이동하는 것을 보신 적이 있을 겁니다. 이 기능은 나무위키에서 쉽게 찾아볼 수 있습니다. 나무위키의 목차의 링크를 클릭하면, 바로 그 내용으로 이동하는 것이죠. 이 기능을 내부링크라고도 부르기도 하는데, 정확한 명칭은 바로 '앵커'입니다. HTML언어의 하이퍼링크의 일종으로 한 페이지 안에서 점프한다고 표현합니다. 블로그를 운영하시는 많은 분들이 다들 이 기능을 구현해보고 싶었지만, 글쓰기 에디터에서 찾지 못해서 전문가의 영역이라 생각하고 지레 포기하신 경험 다들 있으시죠? 저도 HTML을 배우기 전에는 어떻게 하는 건지 굉장히 궁금해했던 경험이 있습니다. 태그를 이용해서 이 앵커기능을 구현하는 방법.. 2021. 6. 23. 이전 1 2 3 다음 반응형
