개발자 장지랩

meta태그란 ? 메타태그는 HTML의 부분에 입력하는 특수한 기능을 가진 태그 웹서버와 브라우저간의 상호 교환 정보들을 정의함 -meta태그의 속성 (http-equiv/content/name) 1. http-equiv : 웹브라우저가 서버에 명령을 내리는 속성 (ex) 웹페이지에 쓰이는 인코딩, 언어 등2. content : meta 정보의 값을 지정3. name : meta 정보의 이름을 지정, 없을 시 http-equiv와 동일한 값으로 지정됨 -meta태그의 종류메타태그는 많은 종류의 기능을 제공한다. 그중에 내가 많이 쓸 것 같은 정보들을 정리해보았다. http-equiv name content 내용 Keywords N1,N2,N3… 검색엔진에 의해 검색되는 단어 Description N1,N..

자바스크립트가 어디에 있건 간에 웹브라우저는 태그를 통해 그 존재를 알게 된다. 자바스크립으를 참조하는 방법 - 일반적으로 자바스크립트는 body에 속하는 내용이 아니므로 head태그 내에 배치한다.

HTML 태그 내용 header content sideinfo footer CSS내용 #container { background-color:black; width:960px; margin:0 auto; padding: 10px;} #header{ background-color: red; height: 100px;} #content{ background-color: blue;float: left; width: 660px; height: 400px;} #sideinfo{ background-color: green; float: left; width: 300px; height: 400px;} #footer{ background-color: gray; clear:both; height: 100px;} #div{..

여백(margin)은 구성요소 외부의 영역이다. 테두리(border)는 구성요소를 둘러싸고 있는 것을 말하고 테두리는 다양한 형식 너비와 색깔을 갖는다. 패딩(padding)은 콘텐츠 주위에 존재하며 콘텐츠 영역의 배경색을 상속받는다. 테두리와 콘텐츠 사이에 존재한다. 콘텐츠(content)는 패딩 내부에 존재한다. 여기에 알짜배기?가 표시된다. margin : 20px 50px 10px 5px; 의 결과값. margin : A - 상하좌우의 여백을 A로 지정 margin :A B - 상하의 여백을 A로 좌우의 여백을 B로 지정 margin : A B C D - A: 상 B:우 C:하 D:좌의 여백으로 각각 지정함. padding도 이와 같다.

아래 영어들은 코드아카데미에 있는 설명입니다. 영어;;;;; block: This makes the element a block box. It won't let anything sit next to it on the page! It takes up the full width. inline-block: This makes the element a block box, but will allow other elements to sit next to it on the same line. inline: This makes the element sit on the same line as another element, but without formatting it like a block. It only takes u..

를 이용해서 버튼을 만듭니다. 태그를 넣고 그 안에다 글자를 삽입한뒤 태그를 이용해 링크를 걸어줍니다. [이전까지는 메모장을 이용해 만들었는데 sublime Text라는 편한게 있더라고요 무료버전인데 유료버전과 차이가 없는것 같고 저장을 몇번 할 때 마다 결제하라는 창이 뜨는데 취소 누르시고 계속 작업하시면 됩니다] 이제 HTML에서의 작업은 끝났고 CSS파일로 넘어갑니다. 1.에 대한 속성들을 지정해줍니다. height(세로길이), width(가로갈이), border-color(외곽선 색), border-radius(외곽선 둥글기), background-color(배경색) 등등.. 2. 에 대한 속성도 지정해줍니다. text-decoration , color, font-family 등.. [결과물]

코드아카데미 [HTML&CSS] 주소 : http://www.codecademy.com/tracks/web 코드를 직접 쳐보면서 HTML5와 CSS에 대해 배울 수 있는 사이트입니다. 7시간만 투자하면 된다고해요. 저는 현재 39% 완료된 상태입니다. HTML 기초과정부터 시작해서 CSS과정까지 안내하는것을 따라서 하면 모두 배울 수 있습니다. 영어로 된 사이트이긴 한데 설명을 쉽게 해놔서 아직까지는 따라가는데는 어려움이 없었습니다. 이게 강의 페이지인데요 맨 좌측에서 개념설명및 미션을 주는데 그걸 풀고나서 밑에 파란버튼을 누르면 다음단계로 넘어갑니다. 오른쪽에 하얀화면에서 내가친 코드를 실시간으로 웹페이지로 볼 수 있습니다. 코드아카데미 [HTML&CSS] 주소 : http://www.codecadem..

margin과 pading 속성 : 구성 요소 주위에 여백을 추가한다. align과 float 속성 : 다른 요소들에 대해 상대적으로 해당 요소들을 배치하는 방법을 제공한다. 1. 여백(margin) 사용하기 margin-top : 상단 여백 margin-right : 우측 여백 margin-bottom:하단 여백 margin-left: 왼쪽 여백 margin : 상 , 우 ,하, 좌측 여백을 설정한다 ex1) margin-top:15px ; margin-right:10px; - 상단여백을 15픽셀로 우측여백을 10픽셀로 설정한다 ex2) margin: 15px 10px 15px 15px; - 상 하 좌측 여백을 15픽셀로 우측여백을 10픽셀로 설정한다. ex3) margin: 15px; - 상하좌우 여..

테이블만들기는 태그로 시작한다. 이후 행만들기는 으로 만들어주고 이 사이에 태그를 사용해 표의 데이터를 입력한다(td: 테이블 데이터) 태그와 비슷한 >라는 태그가 있는데 이는 테이블의 제목에 해당되는 셀을 나타낸다. 테이블 셀()에는 모든 스타일을 적용할 수 있지만 한셀에 적용한다고 해서 모든 셀에 스타일이 적용되는것이 아니다. 모든 셀에 적용하고 싶은 경우에는 테이블을 만들때 썻던 태그에 스타일을 입력해야한다. 여러가지 테이블의 스타일들. - 배경색 지정하기 : ex) 열의 배경색을 빨강, 글자색을 흰색으로 바꾸기 - 외곽선 굵기 지정하기 : - 셀의 글자 정렬하기 : 글자가 셀의 위쪽부터 가운데정렬되어 나타남. - 셀합치기 : colspan="숫자"(가로열을 숫자만큼 합침) rowspan="숫자"(..

장지랩의 블로그 http://janggiraffe.tistory.com/ > tel : 02-1234-1234, e-mail : jang@giraffe.com 타이틀클래스 사용 : text-transform:uppercase 타이틀클래스 사용x : text-transform:uppercase 왼쪽 여백 25px ------------------------------------------------ 글꼴은 이전에 했던 예제들에도 다있어가지고 별로 볼만한게 없었다.