모빌리티 쿡팁(Mobility COOKTIP)

반응형

IT (404)

반응형

[HTML #16] 표를 만들고 높이 조절

IT 쿡앤팁 2017. 6. 21. 08:30

안녕하세요 모빌리티 입니다. 오늘은 표를 만들고 높이 조절을 해 보려고 합니다. 저번 시간에 태그에 대해서는 배우셨으니 바로 실습을 들어가 보도록 하지요. 우선 표를 만들어야죠? 1행 1열 2행 1열 이렇게 표가 완성이 되었는데 이렇게만 하면 표에 테두리가 없어서 이게 표인지 아닌지 구분이 어렵습니다. 그래서 이 표를 정렬하고 또한 테두리를 넣어서 표로 인식을 쉽게 할 수 있도록 해 보지요. 1행 1열 1행 2열 2행 1열 2행 2열 여기에서 마무리 하시면 안되고요 저번시간에 TD속성에 대해서도 배웠습니다. 기억 하실련지? 네 행의 높이 속성을 변경이 가능하다는 것입니다. 1행 1열 1행 2열 2행 1열 2행 2열 이렇게 해줌으로 행의 높이를 조절 할 수 있습니다. 2017/06/20 - [컴퓨터/HTM..

[HTML #15] 표를 만드는 TABLE

IT 쿡앤팁 2017. 6. 20. 08:30

안녕하세요 모빌리티 입니다. 오늘은 표를 만드는 태그에 대해서 배워 볼까합니다. 많이 어려우신가요?? 오늘의 키워드 "TABLE" 향후엔 테이블을 안에서 부분적으로 합하고 셀 사이의 간격을 지정하는 방법에 대해서도 배워보도록 할게에요~~ 잘 따라와 주세요. TR ; 줄의 시작 TD ; 칸의 시작 /tr 칸의 끝 /TR ; 줄의 끝을 알립니다. 태그의 속성에 들어가보면 표의 정렬을 지정; align 표의 배경색을 지정: bgcolor 표의 배경 이미지를 지정:background 표의 테두리 선을 지정: border 표의 가로 세로 길이 지정:width/ height 셀사이의 여백으로 선 굵기 변화: cellspacing 셀안의 여백 조절: cellpadding 있습니다. 이것에 끝나는 것이 아니라 TR, ..

[HTML # 14] 이미지에 링크 넣기

IT 쿡앤팁 2017. 6. 19. 00:00

안녕하세요 모빌리티입니다. 저번 시간에 배웠던 이미지를 원하는 사이즈를 집어 넣고 이미지 태그에 관련된 전반 적인 내용에 다루었는데요 오늘은 이미지로 링크를 걸어서 다른 페이지로 이동 하는 법에 대해서 배워 보도록 하겠습니다. 아주 쉬우니 잘 따라와 주세요. 오늘의 키워드 "A href" 지난 시간에 배웠던 태그지요? 네 맞습니다. 기억을 하고 계셨다면 다행입니다. 오늘은 이렇게 이 링크 연결 태그를 응용하여 실습해 보도록 하겠습니다. 여기에서 이미지를 클릭해서 제 블로그로 링크를 건다고 한다면 다음과 같이 설정하면 됩니다. 이 부분을 추가 하면 이미지를 클릭하여 제 블로그로 올수 있도록 링크를 등록하였습니다. 2017/06/06 - [컴퓨터/HTML] - [HTML] 홈페이지 구성 기본 태그 4가지 2..

[HTML #13] 이미지 태그 IMG

IT 쿡앤팁 2017. 6. 18. 09:06

안녕하세요 모빌리티 입니다. 홈페이지 상에서 원하는 이미지를 삽입하고 크기 또한 원하는 크기로 조정하기 위한 태그를 아래와 같이 알려드립니다. 오늘의 키워드 "IMG" 이 태그의 속성은 6가지로 사용이 가능합니다. "src" / 이미지 파일의 경로를 지정 URL 또는 문서 경로를 속성값 으로 사용이 가능합니다. "alt" / 마우스를 올렸을때 설명을 보여줌 그림설명: 원하는 텍스트를 집어 넣으세요. "align"/ 이미지의 정렬 지정 left, right, top, middle, bottom "border" / 이미지에 테두리 선을 지정 0은 테두리 없음 "width/height" / 이미지의 가로 세로 길이지정 "hspace /vspace" / 이미지의 좌우/상하 여백지정 기본샘플 "이미지를 중앙으로"..

[HTML #12] 웹페이지 상에서 특정 위치로 이동하기

IT 쿡앤팁 2017. 6. 17. 00:01

안녕하세요 모빌리티 입니다. 웹페이지에 긴 글로 구성되어 있을때 사용자의 편의를 위해서 원하는 위치로 바로 이동할 수 있도록 설정해 주는 것이 좋습니다. 오늘의 키워드 A name 이름을 명명해 주고 그 위치에 대한 장소를 지정해 주는 것과 같습니다. 다음예시에서 잘못 되어 있는 부분을 발견하신분? 네~~ Name 지정이 HTML엔 안되어 있죠? 그래서 다시 수정하였습니다. 웹페이지의 글이 많을 때만 사용하세요 예제 다운로드 2017/06/06 - [컴퓨터/HTML] - [HTML] 홈페이지 구성 기본 태그 4가지 2017/06/06 - [컴퓨터/HTML] - [HTML #2] 메모장으로 작성하여 웹파일로 저장하기 2017/06/07 - [컴퓨터/HTML] - [HTML #3] 배경색 변경하기 2017/..

[HTML #11] 하이퍼링크 색지정

IT 쿡앤팁 2017. 6. 16. 00:01

안녕하세요 모빌리티입니다. 하이퍼 링크에 색을 지정하여 더욱 또렷하게 보이는 방법에 대해서 포스팅하겠습니다. 오늘의 키워드는 "LINK", Vlink, Alink LINK / 하이퍼링크가 지정된 보통의 상태를 나타냄 Vlink / 한번 방문한 것이 있는 상태를 나타냄 alink / 누르고 있는 동안의 상태를 나타냄 지정방법은 다음과 같습니다. 색을지정 하지 않았을때의 색은?? 보통의 상태 link="blue" 한번 방문한 적이 있는 vlink="purple" 방문중인 alink="red"입니다. 색상을 변경해 보았습니다. 보통의 링크 상태는 녹색 한번 방문한 적이 있는 것은 붉은색 방문중인 색깔은 파란색 2017/06/06 - [컴퓨터/HTML] - [HTML] 홈페이지 구성 기본 태그 4가지 2017/..

[HTML #10] 홈페이지의 연결 하이퍼링크

IT 쿡앤팁 2017. 6. 15. 00:02

안녕하세요 모빌리티입니다. 오늘은 홈피이지간 연결을 하기 위한 태그에 대해서 포스팅하려고 합니다. 오늘의 키워드는 "하이퍼링크" 원하는 위치로 이동시켜주는 태그로서 다음과 같이 사용합니다. 링크로 보여질 텍스트나 이미지 A href의 속성은 3가지가 있습니다. href / 웹사이트 URL이나 연결할 문서를 지정 name / 특정위치로 이동할 장소를 정함 영문을 사용해야 합니다. target /링크된 화면이 열리는 대상을 지정 _blank, / 새창을 띄여서 보여줍니다. _parent, / 자신이 불렀던 부모창에 보여줍니다. _self, / 현재창에 보여줍니다. _top / 현재 페이지 를 무시하고 전체 페이지에 보여줌. 오늘은 다음페이지로 연결해 보도록 하지요 이렇게 만들어 보면 다음과 같이 형성이 됩니..

[HTML #9] DL DT DD 태그

IT 쿡앤팁 2017. 6. 14. 08:30

안녕하세요 모빌리티입니다. 오늘은 정의 목록을 만드는 태그에 대한 포스팅입니다. 오늘의 Keyword DL, DT, DD DL / 사전식 목록(definition List) 설명을 하는 목록을 만들때 주로 사용 DT/ 제목 DD/ 설명 부분을 나뉘어져 있어 실질적인 설명을 할때 유용합니다. 실습을 해 보도록 하지요 자동차에 종류중 승용차의 종류와 상용차의 종류에 대한 정의를 내린다고 할때 이렇게 적용이 가능합니다. 2017/06/06 - [컴퓨터/HTML] - [HTML] 홈페이지 구성 기본 태그 4가지 2017/06/06 - [컴퓨터/HTML] - [HTML #2] 메모장으로 작성하여 웹파일로 저장하기 2017/06/07 - [컴퓨터/HTML] - [HTML #3] 배경색 변경하기 2017/06/08 ..

Copyright © 모빌리티 쿡팁(Mobility COOKTIP) All Rights Reserved
Designed by JB FACTORY

티스토리툴바