본문 바로가기
반응형

분류 전체보기572

HTML요소의 block 특성과 inline 특성 1. 크기 block은 화면 크기 전체의 가로폭을 차지하고 항상 새로운 라인에서 시작한다. inline은 문장의 중간에 들어갈 수 있다. content의 너비만큼 가로폭을 차지한다. dasdfasdfasdfasdfasdfasdfasdf adlkfalksdfnlkasfdklsaksldnflaskdnflka 2. width, height, margin, padding block은 width, height, margin, padding 프로퍼티 지정이 가능하다. inline은 width, heigth, margin-top, margin-bottom 프로퍼티를 지정할 수 없다. inline의 margin은 margin-letf, margin-right 만 지정 가능하다. div는 width, height가 바뀌.. 2021. 7. 24.
코드스테이츠 소프트웨어엔지지어링 부트캠프 +5일 오늘 배운 것 HTML 기초 오늘은 검색을 많이 해야 했다. 자세하게는 HTML 개념정리로 따로 올리기로 하고 우선 큰 내용만 적겠다. Achievement Goals HTML을 CSS를 적용하고, JavaScript로 개발할 수 있게(Programmable) 작성할 수 있다. HTML이 Markup language라는 것을 이해할 수 있다. "구조를 표현하는 언어" 라는 의미를 자신의 언어로 표현할 수 있다. HTML의 구조와 문법에 대해서 이해하고 적용할 수 있다. Opening tag, closing tag, self-closing tag에 대해서 이해하고 있다. 자주 사용되는 HTML 요소(Element)가 무엇인지 알고 차이를 설명할 수 있다. div, span 태그가 무엇이고, 어떤 차이가 있.. 2021. 7. 23.
input radio 와 input checkbox의 차이 input radio 와 input checkbox의 차이 radio 유형의 inpu은 보통 서로 관련된 옵션을 나타내는 라디오 버튼 콜렉션, 라디오 그룹에 사용한다. checkbox 유형의 input은 form 안에서 선택된 단일 값들을 제출할 수 있는 기능을 제공한다. 먼저 radio 및 checkbox 버튼에 사용되는 속성들을 살펴보자. 속성 내용 name 서버로 전송될 이름, key값에 해당한다. radio 버튼은 같은 그룹끼리 같은 name을 지정해야 한다. value 서버로 전송될 값 checked 초기값 (체크 되어있거나 안되어 있거나) 태그 버튼을 정확히 클릭하지 않고 항목 이름을 클릭해도 박스가 체크되도록 해준다. 1. 항목이름으로 연결하거나, 2. ~ 로 을 감싸주면 된다. 밑에 코드와.. 2021. 7. 23.
HTML : <div>와 <span>의 차이 : 한 줄을 차지하고 줄바꿈 된다. : content 크기만큼 공간을 차지한다. 줄바꿈 되지 않는다. 직접 화면으로 확인해보자. hello hi byebye 는 block특성이고 은 inline특성이다. 는 항상 새로운자리에서 시작하고, 한줄 전체를 차지, 은 문장 중간에 들어갈 수 있으며 content 너비만큼 가로폭을 차지한다. 2021. 7. 23.
반응형

티스토리툴바