모빌리티 쿡팁(Mobility COOKTIP)

반응형

HTML (9)

반응형

[HTML #32] 오른쪽 우클릭 방지

IT 쿡앤팁 2017. 7. 7. 08:16

안녕하세요 모빌리티 입니다. 내가 만든 홈페이지나 글에서 우클릭하여 자료나 소스를 그대로 가져가는 것이 마음에 안든다면 우클릭을 하지 못하도록 할수 있습니다. 리턴을 할수 없도록 설정 합니다. 오른쪽 버튼은 안돼요! 정말 죄송합니다. 꾸벅^*^ 예제파일 나눔은 최고의 기쁨입니다. 이글이 도움이 되셨다면 아래 ♡ 빈 하트를 채워주세요.

[HTML #30] 자바 연산자

IT 쿡앤팁 2017. 7. 5. 08:24

안녕하세요 모빌리티 입니다. 연산자라는 말이 많이 생소한데요. 자바에서는 연산자를 사용하는데요 연산자의 정의는 다음과 같습니다. 모든 연산자를 설명드리긴 어렵습니다. 배우시면서 설명을 드려야 할 듯합니다. 우선 비교 연산자만 설명을 드려보도록 하지요 비교 연산자는 참과 거짓을 판단하여 옳으면 True, 틀리면 false를 출력해줍니다. A>B : A가 B보다 크다 A>=B : A가 B보다 크거나 같다. A

[HTML #25] 자바 스크립트

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

안녕하세요 모빌리티 입니다. HTML과 자바 스크립트를 함께 활용해서 홈페이지를 더욱 멋지게 만들어 보시도록 하시죠 오늘의 키워드 "자바스크립트" 자바스크립트를 사용하면 HTML문서 사이에 직접 들어가 사용할수 있습니다. 또한 자바 스크립트로 만든 문서는 사용자가 서버로 데이터를 전송하지 않고 실행결과를 바로 볼수 있지요 사용자 페이지를 열거나 이동할 때를 알아내서 원하는 작업을 수행할수 있습니다. 브라우저 자체의 정보를 알아내고 프레임을 마음대로 조절하거나 팝업창을 띄워 정보를 쉽게 제공할 수 있습니다. 실습입니다. 위에 넣었던 코드의 출력 모습입니다. 예제파일 감사합니다. 나눔은 최고의 기쁨입니다. 이글이 도움이 되셨다면 아래 ♡ 빈 하트를 채워주세요.

[HTML #15] 표를 만드는 TABLE

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

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

[HTML #4] BR, P, Center 태그란?

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

안녕하세요 모빌리티입니다. HTML로 홈페이지를 만드시려는 분들을 위해서 저도 예전에 배웠던 내용을 복습해 가면서 하나하나 포스팅을 해 가고 있는 과정입니다. 많이 서툴고 부족하더라도 이해 부탁드립니다. 오늘은 Keyword는 "BR" "P" "CENTER"입니다. 오늘은 이전에 포스팅했던 내용보다는 쉬울것이란 예감이 듭니다. BR태그는 홈페이지 상에서 줄 바꿈을 할수 있는 태그 입니다. 의 개수 만큼 줄을 띌수 있는 것이지요. P태크는 단란을 구분하는 태그로 줄을 삽입합니다. align : 단락의 정렬을 지정할 수 있음 속성값: left, right, center을 사용하며 가운데 정렬시엔 로 가능하지요. CENTER태그는 웹화면에서 텍스트나 이미지 모두 가운데 정렬이 가능합니다. 추가적으로 &nbs;..

[HTML #3] 배경색 변경하기

IT 쿡앤팁 2017. 6. 7. 20:57

배경색 변경하기 안녕하세요 모빌리티 입니다. 오늘은 기존 포스팅에 이여서 Body태그를 꾸며 보려고 하는데요 잘 따라와 주세요. Body는 홈페이지의 화면의 주로 보여지는 속성을 나타나게 되는데요 여러분이 클릭하여 들어간 웹의 사진이나 글씨 링크들이 어떤 웹에서는 왼쪽으로, 중앙으로 오른쪽으로 정렬되어 있거나 글씨의 색상이 다르게 표현해 주거나 하실때 이렇게 일일이 설정을 해서 초기에는 표현을 하였는데요~~~ 이러한 원리로 웹페이지가 한장한장 생성이 되어서 유기적으로 움직이면서 나만의 홈페이지가 완성이 되는 것이지요. 오늘 배우실 키워드는 "배경색변경"입니다. 한가지씩 실습을 해보도록 하시지요. 배경색을 변경하는데 있어서 사용 되는 속성이 있습니다. bgcolor "기본색은 흰색입니다." 배경을 붉은색을..

[HTML #2] 메모장으로 작성하여 웹파일로 저장하기

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

안녕하세요 모빌리티 입니다. 저번 포스팅에 이여서 오늘 도전해 볼 과제는 메모장으로 "모빌리티 홈페이지입니다 " 란 제목의 웹페이지를 만드는 과정을 실습합니다. 정말 간단한 과정임으로 한번씩 해보세요~~ 정말 쉬워요 1. 메모장을 불러오세요 메모장 위치(복습) 윈도우 > windows 보조프로그램 > 메모장 메모장에 저번시간에 배운 내용을 한개씩 집어 넣습니다. 2017/06/06 - [컴퓨터/HTML] - [HTML] 홈페이지 구성 기본 태그 4가지 이렇게 작성한뒤 바탕화면에 "web.html"로 저장을 하겠습니다. 그리고 나서 클릭해서 불러오면 아래와 같이 뜨게 됩니다. 아주 쉽지요?? HTML에 대해서 계속 알아가 보도록 하시지요!! 수고하셨습니다. 참, 파일저장하실때, 소문자로 파일명을 사용하세요..

[HTML] 홈페이지 구성 기본 태그 4가지

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

안녕하세요 모빌리티 입니다. 홈페이지를 만들기를 고민하고 계신다면 HTML을 모르고선 접근이 불가능 하다고 할수 있습니다. 물론 자동으로 구성해주는 프로그램이 있긴 하지만 기본적으로 구조는 알고 계셔야 그 프로그램도 잘 이용하실수 있으시겠지요? 우리가 HTML을 배우기 위해서 처음으로 접하는 것이 메모장입니다. 메모장이 어디에 있는지 모르시는 분을 위해서 위치를 넣어 드릴게요 윈도우> Windows보조프로그램 > 메모장 (윈도우 10기준) 클릭하시면 기본으로 보이는 모양입니다. "제목없음"의 메모장이 열립니다. 그러면 홈페이지를 구성하는 기본 태그 4가지를 알아보도록하지요 1. "" HTML은 태그의 시작과 끝을 다음과 같이 표현합니다. 입력을 하지 않으셔도 무방하지만 기본적인 구조를 형성하는 뼈대와 같..

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

티스토리툴바