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

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) : 용어를 설명하..

190423 HTML의 태그 중, 태그, 태그, 기본 태그( , , )에 대해서 알아보겠습니다. 태그 : , , , , , 태그.: 헤드역할을 하는 글자를 크기별로(h1~h6) 나눠주는 태그이다. 12345678910111213141516171819202122 Document HTML의 이해 HTML 기본 HTML 태그 HTML 텍스트 관련 태그 제목 태그 본문 태그 HTML 폼 관련 태그cs>>>>>> 실행결과 >>>>>>>>> 태그, 태그, 태그, 태그 1234567891011121314151617181920212223242526272829303132333435363738394041 Document html 태그 연습 단락 만들기 지난 18일 출시된 '트라하'는 첫 주말에 순위를 급상승시켜 22일 현..

190422 HTML의 기초 - HyperText Markup Language * HyperText : 문서의 링크를 클릭하면 연결된 다른 문서로 이동할 수 있는 기능을 제공하는 텍스트 * Markup : 문서의 어느 부분이 제목이고, 어느 부분이 본문이고, 어느 부분이 링크인지를 표시하기 위해서 특별한 기호(마크업)가 사용된다.- 웹에서 웹 문서간에 빠르게 이동할 수 있는 문서를 만들 때 사용되는 언어가 HTML이다. - 태그는 ''로 구성된다. * - 태그의 이름은 소문자로 적는다.- 태그는 여는 태그와 닫는 태그가 쌍으로 구성된다. * 여는 태그 : : 웹브라우져가 웹 문서를 해석하는데 필요한 정보를 입력하는 부분이다. 이 부분에 있는 정보는 실제 문서내용이 아니기 때문에 화면에 표시되지 않는다.*..

190422 HTML에 대해서 다뤄보겠습니다.(저는 웹개발을 위해 HTML을 배우는 것으로, 깊이 있게 HTML을 다루기 보다는 JSP등을 사용하는 데에 있어서 필요한 수준으로 HTML을 이 곳에서 다루겠습니다.) HTML을 하기 위한 설치와 준비는 앞서 다뤘던 JAVA나 Database에 비해서 비교적 간단한 편입니다. 별도의 개발 환경 설치없이 개발툴만 있으면 가능합니다. (사실상, 메모장만으로도 가능합니다.) 저는 HTML공부에서 브라캣이라는 개발툴을 사용하였습니다. 브라캣 설치 : http://brackets.io/설치법은 간단합니다. 직관적으로 프로그램 설치하듯이 설치를 해주시면 되겠습니다.설치가 완료된 후, 실행하시면 다음과 같은 기본화면이 나옵니다. (처음에 파일들이 저장될 저장디렉토리를 지..