개발자 꿈나무의 성장 이야기

190425 태그에 대해서 알아보겠습니다.form 요소(엘리먼트)- 웹에서의 사용자의 입력을 받는 컨트롤을 제공하는 태그 * 사용자의 이름, 전화번호, 비밀번호, 주소 등의 값을 입력받을 수 있다.- 폼 요소는 태그 내부에 정의된다. 폼 요소들폼 요소들폼 요소들 - 폼 요소* : 이름, 전화번호, 비밀번호, 날짜, 숫자, 이메일, 체크박스, 라디오버튼을 생성할 때 사용한다.* : 콤보박스를 생성할때 사용한다.* : 많은 내용을 입력받을 수 있는 텍스트 박스를 생성할 때 사용한다.* : 버튼을 생성할 때 사용한다. - input 태그 12345678910111213141516171819202122232425262728 Form 폼요소 연습하기 input 태그 연습하기 숨김필드 이름 비밀번호 생일 나이 프로..

190425 앞 포스팅에서 말했던, id 속성과 class 속성에 대해서 알아보겠습니다.id, class 속성- 모든 엘리먼트(태그)는 id속성과 class속성을 가질 수 있다. - id속성은 해당 엘리먼트(태그)를 다른 엘리먼트와 구별하기 위해서 사용한다. * html문서 안에 동일한 id속성값을 갖는 엘리먼트가 없어야 한다. * id속성값으로 특수문자를 사용할 수 없다.('_'와'-'만 사용가능하다. * id속성값은 문자 (영어 대소문자)와 숫자를 사용할 수 있고, 숫자로 시작할 수 없다. - class속성은 엘리먼트(태그)에 동일한 스타일을 적용할 목적으로 사용한다. * html문서 안에 동일한 스타일이 적용될 엘리먼트는 동일한 class속성값을 가지게 한다. * class속성값은 하나 이상의 값을..

190424 태그와 태그에 대해서 알아보겠습니다.div, span 태그- 통용 컨테이너 태그(=엘리먼트)- css로 꾸미기 전에는 컨텐츠나 레이아웃에 어떤 영향도 주지 않는다. - div 태그- 블록 엘리먼트이다.- div나 다른 블록 엘리먼트, 인라인 엘리먼트들을 컨텐츠로 가진다.- 여러 엘리먼트(태그)를 묶어서 스타일의 지정을 쉽도록 돕는 용도로 사용된다.- 여러 엘리먼트(태그)를 묶어서 특정 영역으로 구분하는 용도로 사용된다. 123456789101112131415161718192021222324252627282930313233343536373839404142 Document #news-section > p {color: red;} #weather-section p {color: green;} #f..

190424 블록엘리먼트와 인라인엘리먼트에 대해서 구분지어 보겠습니다.- 블록 엘리먼트- 언제나 새로운 줄에서 시작한다.- 좌우 양쪽으로 최대한 가능한 모든 너비를 차지한다.- 폭을 지정할 수 있다.- 블록 엘리먼트내의 컨텐츠를 왼쪽/오른쪽/가운데 정렬시킬 수 있다.- h1 ~ h6, p, table, ul, ol, li, dl, dt, dd, form - 인라인 엘리먼트- 컨텐츠의 흐름을 끊지 않는다.- 새로운 줄을 만들지 않고, 컨텐츠가 필요한 너비만 차지한다.- span, a, img, strong, em, input, select, textarea, label, button* 인라인 엘리먼트는 단독으로 표시되지 않는다. 인라인 엘리먼트는 블록 엘리먼트안에 있어야 된다.1234567891011121..

190423 태그의 텍스트안 내용에서 특정 단어를 강조할 때 사용되는 강조 태그들에 대해서 다뤄보겠습니다. - 태그 : 글자를 진하게 강조하는 태그. ( 태그도 같은 역할을 하지만, 진하게만 해준다. ) - 태그 : 글자를 옆으로 기울여서 눕혀서 표현해주는 태그. ( 태그 역시, 같은 역할을 하지만, em태그를 주로 사용한다. )12345678910111213141516171819202122 Document 텍스트를 강조하는 태그 카카오페이지는 오는 24일 개봉 예정인 영화의 다양한 프로모션을 진행, ‘어벤저스 수퍼 콜라보’ 캠페인을 연다. 카카오페이지를 비롯해Daum앱, 카카오톡#탭(샵탭), 카카오TV 등 카카오의 전 채널이15일(오늘) 저녁7시30분, 장충체육관에서 열리는 아시아 팬 이벤트를 전세계에..

190423 태그 태그를 사용하면 하이퍼링크를 만들 수 있다. - 링크명 target의 속성값 _blank : 링크된 문서가 새로운 창이나 새로운 탭에서 열린다._self : 링크된 문서가 현재 창에서 열린다(기본값) 123456789101112131415161718192021222324 Document 링크 만들기 프로젝트 내의 문서에 링크 연결하기 회사소개 고객지원 외부 문서에 링크 연결하기 다음 네이버 구글 Colored by Color Scriptercs >> 아래 실행결과와 같이 출력되고, 각 링크마다 소스에서 지정해준 경로로 이동하게 된다. 다음 버튼은 target에 _blank를 줘서 새 탭이 열리게 된다. * 웹 사이트에서 보면 페이지의 내용들이 길때 중간 중간 단락이나 top으로 가는 버..

190423 이미지파일을 첨부할 때 사용하는 태그입니다. 태그- img태그를 사용하면 이미지를 표시할 수 있다. - 1234567891011121314151617181920212223 image 이미지 표시하기 프로젝트 내의 리소스 사용 외부 리소스 사용 Colored by Color Scriptercs

190423 HTML의 태그는 블록엘리먼트와 인라인엘리먼트로 나뉘게 됩니다.이번 포스팅에서부터 블록엘리먼트에 대해서 다뤄보겠습니다. - 언제나 새로운 줄에서 시작한다.- 좌우 양쪽으로 최대한 가능한 모든 너비를 차지한다.- 폭을 지정할 수 있다.- 블록 엘리먼트내의 컨텐츠를 왼쪽/오른쪽/가운데 정렬시킬 수 있다.- h1 ~ h6, p, table, ul, ol, li, dl, dt, dd, form (앞에서 배운 태그와 태그도 위의 블록 엘리먼트에 속한다.) 태그- ol(ordered list)태그 : 순서있는 목록을 만든다.- li(list item)태그 : 목록의 아이템을 만든다.- ul(unordered list) : 순서없는 목록을 만든다. - dl(definition list) : 용어를 설명하..