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/..
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/..
IT 쿡앤팁 2017. 6. 15. 00:02
안녕하세요 모빌리티입니다. 오늘은 홈피이지간 연결을 하기 위한 태그에 대해서 포스팅하려고 합니다. 오늘의 키워드는 "하이퍼링크" 원하는 위치로 이동시켜주는 태그로서 다음과 같이 사용합니다. 링크로 보여질 텍스트나 이미지 A href의 속성은 3가지가 있습니다. href / 웹사이트 URL이나 연결할 문서를 지정 name / 특정위치로 이동할 장소를 정함 영문을 사용해야 합니다. target /링크된 화면이 열리는 대상을 지정 _blank, / 새창을 띄여서 보여줍니다. _parent, / 자신이 불렀던 부모창에 보여줍니다. _self, / 현재창에 보여줍니다. _top / 현재 페이지 를 무시하고 전체 페이지에 보여줌. 오늘은 다음페이지로 연결해 보도록 하지요 이렇게 만들어 보면 다음과 같이 형성이 됩니..
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 ..
IT 쿡앤팁 2017. 6. 13. 08:30
안녕하세요 모빌리티입니다. 목록형태가 없는 경우에 대한 리스티업에 대한 포스팅을 하려합니다. 오늘의 키워드 "UL", "LI" 저번시간과 큰 차이 나는 것은 목록의 형태가 있냐 없냐의 차이 뿐입니다. 아주 쉬운 과정이오니 잘 따라와 주세요. UL/ 순서목록(Unordered LIST) 각 항목을 번호 순서가 없는 형태로 정리 UL태의 속성 "type" 각항목에 붙어 있는 모양을 변경해줌 "disc"/ 색칠된원 "circle" / 비어있는 원 "square" / 색칠된 사각형 2017/06/06 - [컴퓨터/HTML] - [HTML] 홈페이지 구성 기본 태그 4가지 2017/06/06 - [컴퓨터/HTML] - [HTML #2] 메모장으로 작성하여 웹파일로 저장하기 2017/06/07 - [컴퓨터/HTML..
IT 쿡앤팁 2017. 6. 12. 07:16
안녕하세요 모빌리티 입니다. 오늘은 웹페이지 상에서 순서 있는 목록으로 정리하는 법에 대해서 포스팅 하려 합니다. 오늘의 Keyword ", " "OL": 순서목록 (Ordered List) 각 항목을 번호나 순서있는 형태로 정리 "LI" 리스트의 줄임말 태그의 속성 type/ 각항목 앞에 붙어 있는 번호 순서 알파벳 대문자, 알파벳 소문자, 로마자 대문자, 로마자 소문자 숫자 등 . start / 숫자의 시작 번호를 나타냄 다음과 같은 예제로 실습을 해보도록 하지요. 우선은 대문자 ABC를 승용차에 적용해보고소문자 ab를 상용차에 적용해 보지요. 이렇게 적용을 하게 되면 아래와 같이 적용이 됩니다. 순서시작을 로마자 대문자와 소문자로 지정하는 방법은 다음과 같습니다. 적용이 된 모습입니다. 2017/0..
IT 쿡앤팁 2017. 6. 11. 09:00
안녕하세요 모빌리티 입니다. Font 속성값은 잘 숙지 하셨는지요? 오늘은 Font가 웹페이지 상에서 움직일수 있도록 해주는 폰트에 대해서 포스팅 합니다. 오늘의 키워드 "MARQUEE" 태그는 6가지의 속성값을 가지고 있습니다. 첫번째, 텍스트 방향 두번째, 움직이는 속도값 세번째, 한번에 움직이는 픽셀수 네번째, 움직이는 영역의 배경색 다섯번째, 움직이는 영역 길이 여섯번째, 움직이는 영역 반복횟수 한가지씩 알아가 보도록 하지요. direction / 움직이는 방향을 정함 left가 기본값이며 right, down도 적용할 수 있습니다. scrolldelay / 움직이는 지연 속도값 숫자 (1/1000초 단위)로 클수록 속도가 느리게 적용됩니다. scrollamount/ 한번에 움직이는 픽셀수 텍스트..
IT 쿡앤팁 2017. 6. 10. 11:35
안녕하세요 모빌리티 입니다. 오늘은 홈페이지 상에서 글씨를 나타내는 폰트에 대해서 포스팅 하려고 합니다. 오늘의 키워드 "FONT" 자 들어갑니다. FONT의 속성은 여러가지가 있지만 오늘은 3가지를 다뤄 보겠습니다. "Face" / 글자의 모양을 지정합니다. "Color" / 글자의 색을 지정합니다. "SIZE" / 글자의 크기를 지정합니다. 글자의 속성을 이야기 하시다 보면 약간 헷갈리는 태그가 있습니다. 바로 인데요 이것은 굵게 강조 되어 나타나지만 숫자가 높을 수록 크기가 줄어듭니다. 이렇게 font 태그의 속성과 함께 추가해 주시면 글씨체가 고딕체로 변경이 됩니다. 이번에는 폰트의 색상을 변경해 보도록 하지요 위에서 보이는 예제는 두가지 색상을 적용한 예시입니다. 적용한 모습입니다. 다음에 이여..