웹사이트에서 흔히 볼 수 있는 검색창. 웹사이트를 만들고 싶은데 검색창은 어떻게 만들까요? 이번 시간에는 input, button 태그를 이용해 검색창을 만드는 방법에 대해 알아보겠습니다. html에는 input 태그가 있습니다. 이 input 태그는 사용자가 입력을 하면 받아들이는 창을 만들어주는 태그인데요. type 속성을 이용해 입력 방식을 바꿀 수 있습니다. 타입 종류에는 여러가지가 있는데요. 오늘은 검색창을 만들어보는 시간이니 텍스트를 입력하는 창을 만들어보겠습니다. 이렇게 input 태그에 type 속성을 텍스트로 주면 result 이렇게 텍스트가 입력되는 창이 뜹니다. 그런데 검색을 할 수 있는 버튼이 없네요. 여기서 태그를 이용해 검색 버튼을 만들어주면 됩니다. search result s..
html
choirim.tistory.com/5 #2. HTML 태그(tag) choirim.tistory.com/4 #1. HTML란 무엇인가 오늘은 HTML에 대해서 알아보겠습니다. 👀 어디선가 들어본 HTML. 정확하게 어떤 것을 의미하는 걸까요? HTML은 의 약자입니다. 먼저 Hyper Text란 정해져있는 기존 choirim.tistory.com 저번 글에서는 HTML태그의 의미와 종류에 대해 알아봤습니다. 저번 시간에는 텍스트, 링크, 이미지에 관련된 태그들을 봤다면 이번 시간에는 웹 페이지를 구성하는 HTML의 기본 구조와 그 구조를 이루는 태그에 대해서 알아보도록 하겠습니다. HTML은 기본적인 구조를 가지고 있습니다. 어떤 구조인지 한 번 살펴볼까요? 아래가 그 구조입니다. 본문 크게 1. 2...
choirim.tistory.com/4 #1. HTML란 무엇인가 오늘은 HTML에 대해서 알아보겠습니다. 👀 어디선가 들어본 HTML. 정확하게 어떤 것을 의미하는 걸까요? HTML은 의 약자입니다. 먼저 Hyper Text란 정해져있는 기존의 목차대로 읽어나갔던 텍스트의 choirim.tistory.com 저번 글인 에서 HTML은 링크와 태그를 통해 문서를 구조화하는 언어라고 한 것 기억나시나요? 오늘은 태그에 대해 자세히 알아보겠습니다. html 태그란? 웹사이트는 실제로 태그로 이루어진 문서들로 구성되어 있습니다. 우리가 자주 쓰는 구글 홈의 페이지 소스 화면입니다. 꺽쇠로 감싸져있는 태그들이 보이시나요? 태그들은 꺽쇠 갈호로 감싸져 있습니다(). 또한 태그는 시작 태그()와 종료 태그()로 구..
오늘은 HTML에 대해서 알아보겠습니다. 👀 어디선가 들어본 HTML, 정확하게 어떤 것을 의미하는 걸까요? HTML은 의 약자입니다. 먼저 Hyper Text란 정해져있는 기존의 목차대로 읽어나갔던 텍스트의 방식에서 벗어나 링크(link)를 이용해 주제와 주제를 넘나드는 텍스트 형식을 말합니다. 예를 들어, [HTML이란 무엇인가]란 주제에 대해 읽고 있다가 hypertext에 대해서 궁금해졌다면 링크를 통해 hypertext란 무엇인가라는 다른 주제로 이동하여 텍스트를 읽어나갈 수 있는 것이죠. 다음 Markup Language란 태그(tag)를 이용해 문서나 데이터의 구조를 나타내는 언어입니다. 하나의 글에는 제목과 목차, 많은 단락으로 구성된 본문 등이 있죠. 밑의 예시로 예를 들어보겠습니다. 제..
