목록개발/HTML,CSS,JS (8)
원하는 것은 뭐든지
input태그에 대해 알아보겠습니다. input태그는 서버와 통신 할 때 사용되는 태그인 form태그 중 정말 중요한 태그인데요. 이름 그대로 정보를 받아들이는 용도로 사용됩니다. input태그에서 또 가장 중요한 속성인 type! type은 이 input태그가 어떻게 사용되어 질지를 결정하게 됩니다. 차례대로 코드와 결과입니다. 전에도 알아봤듯이 줄바꿈을 하지 않았기 때문에 한줄로 쭉 나온 것이구요. 여기서 placeholder는 값이 입력되면 사라지는 값입니다. •text 말그대로 text가 들어갈 수 있는 빈칸입니다. •email 이메일의 형식을 지킬 수 있는 빈칸입니다. •password 비밀번호이기 때문에 자동으로 가려지게 됩니다. •submit 페이지가 넘어가게 됩니다. ⁕태그는 말그대로 버튼..
안녕하세요 HTML 세번째 게시물입니다. 1. 와 와 태그를 비교하며 보겠습니다. 둘은 각각 블록과 인라인 성질을 가집니다. 해서 기본적으로 보게되면 입력 코드와 실행 결과입니다. 보시다시피 블록형인 div는 한 줄을 전체 사용하기 때문에 줄바꿈이 일어난 것 처럼 보이고 span태그는 인라인형 이기 때문에 줄바꿈이 일어나지 않고 컨텐츠 만큼의 자리를 차지합니다. 또 다른 예제를 보겠습니다. 역시 코드와 실행결과 입니다. 글은 지코의 아무노래의 가사구요 각각 id를 주고 style을 주었습니다. border를 넣으면 div같은경우 전체 블록에 border가 들어가게 되는거구요 span같은 경우 본인의 컨텐츠 전부에 border가 들어가게 되네요. 2. id 와 class 쉽게 말하면 태그에 이름을 붙혀주는..
안녕하세요 HTML 기본태그들의 두번째 게시글입니다. 시작하겠습니다. 1) 리스트 태그 , , 앞으로 우리가 html을 이용한 코딩을 하다보면 리스트를 작성해야 할 일이 많이 생기게 됩니다. 는 자체로 리스트의 의미를 가지고 있고 요소로서 사용됩니다. 은 순서가 없는 태그 은 순서가 존재하는 태그 입니다. 예제를 보고 넘어가시죠 2) 링크 태그 앞으로 정말 많이 사용하게 될 a태그입니다. href 속성안에 주소를 넣고 target은 어떤 방식으로 열지를 결정합니다. target에는 본래 창에서 바로 여는 _self, 새로운 창,탭에서 여는 _blank, 가장 상위에서 여는 _top 또 지정된 프레임 안에서도 열 수 있습니다. 기본적으로 a태그는 style이 적용되는데 파란색이 되고 밑줄이 그어집니다. 클..
안녕하세요 오랜만입니다. 앞으로 몇개의 게시글에서 HTML기본 태그들에 대해 적어보려고 합니다. 저도 공부하고 있는 사람이니 잘못된 부분이 있다면 지적해주시면 감사하겠습니다. HTML의 대부분의 태그들은 display 속성값으로 블록(block)형, 인라인(inline)형으로 크게 나뉘게 됩니다. 블록형은 새로운 라인에서 시작하고 그 라인의 모든 너비를 사용합니다. 예) , , 등 인라인형은 자기의 컨텐츠만큼의 너비를 사용합니다. 예) , , 등 1) 제목태그 블록 태그로 제목을 나타내기 위해 사용합니다. 숫자가 작을 수록 더욱 큰 제목으로 사용됩니다. 보시는 것처럼 블록형으로 한 LINE의 모든 너비를 사용하는 것을 확인 할 수 있습니다. 2) 문단태그 블록태그로 문단을 나눌 때 사용합니다. 보이는 것..