WEB기초44 [HTML] html입문 03 (170313) [HTML] html입문 03 (170313) input박스와 label이메일 for와 id는 같아야 이용하기 편리하다. form으로 둘러싸는 이유이메일비밀번호로그인 form으로 둘러싸야 정보의 전송이 가능하다! radio버튼 - radio버튼 이용시 체크사항1. label 을 제공하는 두가지 방법 확인2. input type="radio" 의 모양 확인3. input type="radio" 를 그룹으로 묶는 방법 확인 - 그룹으로 묶어서 field를 설명할 때 : fieldset을 이용 cf ) name속성은 server에서 식별하기 위한 attribute이다. cf ) form method="get" 했을 때의 주소창 " file:///C:/ncs03/sublime_work/html/insertAct.. 2017. 3. 13. [HTML] a링크 이용과 table 개념 알아보기 a 링크 이용하기 -링크를 통해 이동하면 외부 컨텐츠가 나올 수 있는 이유? 웹서버를 통해 컨텐츠를 response하기 때문에 외부 컨텐츠를 받아올 수 있다. - 링크로 이동시키기 daum2 target="_blank" 속성값 : 새로운 창을 열어서 이동 cf) div.spacer + tab => 자동으로 만들어줌 - a를 이용한 책갈피 만들기 해당 요소에 id 부여 후 a 링크를 걸어준다. - a 요소를 이용한 javascript 실행 1. 스크립트실행하기! 2. 안눌리는 a링크 : 새로고침도 되지 않게 할 a링크를 이용하려 할 경우 이렇게 사용함. EX) 이 때 < 사용 안하는 문자 링크만 걸되 안눌리게 요소명+클래스명 요소명+클래스명 특정 요소의 자식클래스 스타일적용된다. .. 2017. 3. 10. [HTML] html입문 02 (170310) - 프론트엔드의 구성HTML : infoCSS : designjavascript : language - CSS 속성 display 살펴보기display요소를 배치할 때 어떻게 보여줄지를 결정한다. EX) display: inline; // 한 줄(inline)에 다 표현해준다.display: inline-block; // width와 height를 모두 갖으며 inline으로 배치된다. **출력 결과**-inline은 width와 height를 반영하지 않았다. 반면 inline-block은 블록형태로 inline을 반영했다. -image 표시하기img src="이미지 경로" alt="이미지 설명 "img에 css로 크기 조정하기 : style시트 내부에서 img { width:200px; height:.. 2017. 3. 10. [HTML] html 입문 01 (170309) sublime 단축키 이용 tip- ! + tab : 기본적인 html 구성 틀 나타내줌- div + tab : div를 markup 언어로 바꾸어 줌- lorem + tab : 더미컨텐츠 채울 수 있다- style + tab : style시트 생성해준다.- div.spacer + tab : 자동으로 만들어줌- ctr+/ : 자동주석처리 +생각나는대로 추가중!html의 기초 용어 정리-markup : 컨텐츠를 묶어주는 괄호의 역할 abcd 1234 가나다라 html의 구성 -head : 문서의 설정 정보, 문서의 제목 작성-body : 클라이언트에게 출력할 정보를 작성(=html 요소는 두 개의 자식 요소(element)인 head와 body를 갖고 있다) -속성(attribute) 값의 속성을 나타내주.. 2017. 3. 9. 이전 1 ··· 8 9 10 11 다음
