본문 바로가기

전체 글

(1374)

다른 문서의 연결 다른 문서의 연결 인터넷이 확신되는데 가장 중요한 역활을 한 태그이다. 자신의 홈페이지 웹상에서 링크시키기 태그를 이용하면 자기 자신의 홈페이지내의 다른 문서로 연결시킴은 물론 다른 홈페이지의 링크도 간단히 해결할수있다. 링크란 연결이라 이해하면 쉬울것이다. 링크를 이용하는 방법을 알아본다. 홈페이지내 문서에서 다른 문서 연결시키기 이 방법은 홈페이지내에 있는 문서에서 그 문서내용중 지정한 곳을 누르면 같은 홈페이지내에 있는 다른 문서를 로딩하는 방법이다. 예를 들어 index.html문서내에 다음과 같은 태그가 있다고 가정하면 여기를 누르시오 이런 태그를 사용하면 방문객이 마우스로 "여기를 누르시오"를 클릭하면 href에서 지정한 문서 test.html 이 로딩된다. 다른홈페이지의 문서를 링크시키기 이..

배경 음악 삽입 배경음악 삽입하기 어떤 홈페이지를 방문하였더니 갑자기 스피커에서 아름다운 선율이 흘러 나오는 것쯤은 한번쯤 경험하였을 것이다. 흔히 자신의 홈페이지에 배경음악을 넣는 방법은 다음과 같다. 1. 우선 원하는 음악을 선택한다 - 가장 일반적으로 확장명이 mid를 가지는 미디파일을 사용한다. 요즘은 mp3 라는 것이 한창 뜨고 있는데 그렇다고 mp3를 내 홈페이지의 배경음악으로 넣을 생각은 버려라. 왜냐구? 배경음악을 연주하기 위해서는 웹상에서 하는게 아니라 브라우저로 홈페이지를 접속한 사람이 자신의 컴퓨터로 음악을 다운받아서 연주하는 것이다. 그러므로 다운로드를 먼저 해야 하므로 홈페이지의 로딩 속도는 배경음악의 크기에 비례해서 늦어지게 된다. 그렇다면 mp3를 다운받는다면? 아마 지루함에 못 이겨 나가고 ..

그림에 링크 걸기 그림에 링크 걸기 방문자가 마우스로 그림을 눌렸을때 어떤 html문서를 보여줄까를 지정하는 태그이다. 웹사이트를 돌아다녀보면 광고그림을 본적이 있을 것이다. 광고를 누르면 다른 페이지가 보여지는 것도 경험한 적이 있을 것이다. 이런 것이 바로 그림에 링크걸기 태그를 이용한 방법이다. 그림에 링크걸기 예제 설명 그림을 클릭하였을때 어떤 문서를 보여주고자 할때 사용하는 태그. 즉 그림이 로딩되고 방문객이 그 그림을 클릭함으로써 원하는 문서를 연결시키는 태그이다. 링크시키기를 살펴보면 이해가 쉬울것이다. 단지 그림을 로딩하는 태그를 넣고 그림태그 앞과 뒤에 링크를 거는 태그를 사용하는 방법이다.

그림지정 그림 크기 지정 보통은 그림의 크기를 지정하지 않으면 브라우저는 그림의 크기를 계산하여 그림을 정확하게 보여준다. 하지만 그림의 크기를 강제로 지정하면 브라우저는 그림의 원래크기를 무시하고 지정한 크기(높이와 넓이)로 그림을 화면에 뿌린다. 이런 성질을 이용해서 몇가지 팁도 있는데 여기서는 그림을 강제적으로 지정하는 방법만 알아보도록 한다. 그림의 크기 지정하기 예제 설명 보다 빨리 로딩되고 있다는 느낌을 주기 위해 태그안에 이미지의 넓이와 높이(픽셀단위) 속성을 포함시킨다. 이것은 이미지가 놓일 자리를 규정하고 이미지가 완전히 로딩되어 표현되기 전에 텍스트페이지가 보이게 하여 준다. 텍스트가 먼저 나타나면 페이지가 더 빨리 로딩되었다는 느낌을 갖게 한다. 이미지의 크기를 재조정하려면 그래픽 프로그램으로..

그림과 글자 정렬 그림과 글자 정렬 홈페이지를 만들다가 보면 한줄에 그림하나 또는 한줄에 글자만 넣기가 대부분이다. 하지만 가끔 한줄에 그림과 글자를 같이 사용해야 하는경우 글자의 크기와 그림의 크기가 다르기 때문에 글자옆에 그림을 놓거나 반대로 그림옆에 글자를 놓을 경우 크기가 다른 것을 같은 줄에 보여주기 때문에 그 레이아웃이 볼상 스럽다. 이럴경우 그림과 글자를 다음과 같이 정렬하여 원하는 레이아웃을 결정할 수 있다. 보통 글자와 그림을 함께 쓰는 경우는 글자의 크기를 고려해서 그에 적당한 그림을 사용하는것이 대부분이다. 고민해야 할 부분이다. 그림과 글자 정렬방법 예제 설명 정렬방법에는 다음과 같이 세가지가 있으며 각각의 정렬방법에 따라 글자의 위치가 정해진다. top -글자를 이미지의 윗부분에 정렬. middle..

그림삽입 그림 삽입 방법 조회수 : 9410 홈페이지는 글자와 그림으로 구성된다고 해도 과언이 아니다. 아니 오히려 글자는 그냥 쓰기만 하면 되므로 사용하는데 별 무리가 없을지도 모른다. 하지만 그림의 경우는 다음과 같이 html문서내에 삽입하며 삽입하기 전에는 반드시 지정한 그림을 먼저 만들거나 내가 가지고 있어야 한다. 나중에 설명하겠지만 그림만드는 방법은 일단 접고 그림을 내 홈페이지에 삽입하는 방법은 다음과 같이 간단하게 적용할 수 있다. 그림넣기 예제 설명 태그 안에 삽입하고자 하는 이미지 파일 이름을 삽입하면 웹 상에 이미지를 나타내 준다.이 때 이 그래픽 파일은 위의 화일이 존재하는 같은 디렉토리 안에 있어야 한다. 만일 다른 디렉토리에 그래픽 파일이 존재한다면 다음과 같이 그 디렉토리에 관한 URL..

공백넣기 글자 사이 공백 넣기 홈페이지 상에서 글자는 간격을 아무리 많이 띄우더라도 결국 하나의 간격으로 밖에 처리되지 않는다. 따라서 글자사이에 공백을 만드는 방법이 필요하게 되었다. 따라서 몇가지 편법을 이용하여 글자와 글자사이에 공백을 넣어 내가 원하는 곳에 글자를 위치시키는 글자레이아웃의 기초를 익힐 수 있을것이다. 바탕색과 같은 색의 글자 사용하기 만약 바탕색과 같은 색으로 글자를 지정하게 되면 방문객은 같은 색이기 때문에 글자를 구분할 수없다는 점에 착안한 방법이다. 예를 들어 만일 홈페이지의 배경색이 하얀색일 경우 하얀색의 글자를 사용하면 아무리 많은 글자를 쳐넣더라도 결국 여백처럼 보인다. 여기서 주의해야 할 점은 반드시 배경의 색상과 일치를 시켜야 한다는 점이다.만일 배경이 파랑색이면 글자도 파랑..

글자 속성 지정 글자 속성 지정 방법 글자의 속성을 지정하는 방법이다. 이것은 한글97이나 MS 워드와 같은 문서작성기에서 많이 보았던것과 거의 유사하다. 글자를 이탤릭문자로 만든다거나, 두껍게 또는 밑줄, 아래첨자, 윗첨자 등과 같이 글자에 어떤 효과를 부여하는 방법이다. 잘 만 쓰면 멋진 글자를 만들 수 있다. 글자 속성 지정하기 예제 설명 ~ ~ 강조하기 위해서 굵은 글씨를 나타내는 태그이다 볼드체에 해당함. 글자를 굵고 진하게 표현. 폰트 크기 지정 또는 색상 지정방식과 함께 쓰일 수 있다. 예를 들어 크기를 변화시키고자하고 굵기를 굵게하고자 한다면 이것은 크기가 5이고 파란색의 굵은 글씨입니다. ~ ~ 이탤릭체 적용하면 이런글자가된다 ~ 적용예 ~ 적용예 ~ 적용예 ~ 적용예 ~ 적용예 ~ 적용예 - 네스케프만됨

글자 색상 지정 글자 색상 지정 방법 글자에 내가 원하는 색을 지정하는 방법이다. 이때 지정하는 방식은 다음과 같으며 Color Table 에서 제공하는 코드를 지정하면 된다. 글자에 색을 지정할 때는 너무 화려하게 지정해서는 안되며 특히 배경색에 주의해야 한다. 배경색이 Black 인데 글자를 Black으로 지정하면 글자는 배경색에 가려 보이지 않게 된다. 혹은 배경색인 어두운 데 글자색을 어두운 색으로 지정하면 글자는 보이지만 배경색과 구별이 어려워 가독하는데 방문자의 눈을 피로하게 할 수 도 있다. 주의해야한다. 글자 색상 지정 예제 설명 글자 태그 안에 color라는 속성을 사용하여 글자의 색상을 지정할 수 있다. 이때 값은 16진수,색상명이다. 글자 또한 HTML문서에서 다른 서체들을 사용하기 위해선 태그내에 ..

글자 크기 지정 글자 크기 지정방법 글자(텍스트)의 크기를 원하는 만큼 지정할 수 있는 태그이다. 다음의 예제에서 보면 그 사용방법을 간단하게 익힐 수 있다. 나중에 언급하겠지만 , 글자의 크기를 지정하는 방법은 이런 방식을 기본으로 하여 더 멋진 효과를 부여하는 css와 같이 사용하는 경우가 대부분이다. 권장하는 글자의 크기는 정도 이다. 글자가 너무 작으면 방문자의 모니터에 따라 다르겠지만 font size=2 이하의 글은 잘 안보일 수 있다. 특히 영문은 그 경우가 덜 한데 한글을 사용할 경우 글자의 크기가 너무 작거나 너무 크면 글자 크기 지정 태그를 사용한 결과가 오히려 사용하지 않을 때 보다 못할 수도 있으니 자신의 홈페이지에 맞는 적절한 글자 크기를 찾는 것은 무시 할 수 없는 중요한 작업이다. 문서내 글자..

선 그리기 선그리기 (라인 삽입) 선그리기란 그래픽에 가까운 태그 중에 하나로, 이것은 일종의 경계선이다.Horizontal Line을 의미하며 문단의 단락을 구분하거나 모양을 낼 때 사용한다. 생각보다 많이 사용되는 태그이며 이것은 특이하게도 시작태그만 있고 끝태그가 없는 것중에 하나이다. 태그는 아주 간단하다 위와 같은 태그를 html문서내 원하는 곳에 삽입시키면 다음과 같은 라인이 형성된다. 좀더 자세하게 사용하기 위한 방법은 다음과 같다. 선그리기 예제 설명 그래픽에 가까운 태그 중에 하나로,이것은 하나의 경계선을 그린다. 크기는 1에서 원하는 숫자사이의 숫자를 사용하며,선의 굵기를 표시. 1이 가장 얇은 괘선이며 숫자가 커질수록 선의 굵기도 커진다. WIDTH는 괘선의 도트수, 혹은 전체 페이지 폭에 대한..

body 태그의 사용법 Body 태그 사용방법 body 태그는 브라우저에 나타날 본문의 내용을 포함하는 곳이며 글자와 연결된 부분의 색상 그리고 전체 홈페이지의 배경색과 배경이미지, 기본글자색을 지정할 수 있다. 만약 이런 구성성분을 무시한다면 브라우저는 자신이 환경에 설정된 각각의 값들을 가지게 된다. 따라서 홈페이지를 제작하는데 태그의 구성성분은 방문객으로 하여금 일정한 색과 바탕의 구성성분을 강제로 부여할 수 있다. HTML Example 구성성분의 분석 예제 설명 html문서의 배경화면을 그림으로 지정한다. html문서의 배경화면을 color로 지정한다. 예제와 같은 컬러코드는 하얀색을 의미한다. 주의할 점: bgcolor 구성성분을 만약 사용하지 않는다면 브라우저의 기본색 - 보통 회색 - 으로 보일 수 있다. bgc..

html의 구조 HTML의 골격을 배워보자 HTML의 골격이란 HTML 문서를 만드는데 있어서 반드시 필요한 기본적인 문법을 말한다. 홈페이지를 만들려면 html을 알아야 하는데 그 많은 문법을 언제 외우고 있을까라는 걱정이 앞선다. 하지만 불행중 다행이도 우리는 이런 방대한 분량의 문법을 모두 외울 필요가 없다는 것이다. 아니 오히려 외우고 있다는 자체가 한심스러울 지도 모른다. 이것은 마치 영어 단어를 알려고 영어사전을 외우려는 것과 같은 의미일지 모른다. 그렇다면 홈페이지를 만들기 위해 알아야 하는 문법은 어떤것일까? 다음에 열거되는 몇가지만 알아도 당장 당신의 홈페이지를 가질 수 있다. 이것 또한 외울 필요 없다. 필요할때 보고 배끼면 되는 것이다. THE BASIC OF HTML "집을 지으려면 땅을 다져야 한..

html 이란 HTML 이란 무엇일까? HTML이란 Hyper Text Markup Language의 약자로 웹브라우저에 하이퍼텍스트 기능을 가진 문서를 만드는 언어이다. 지금 사용하는 브라우저의 오늘쪽 마우스를 누르면 팝업되는 메뉴에서 네스케이프는 view source 라는 부분 또는 익스플로워는 html보기를 선택하면 지금 보고 있는 화면의 html 소스를 볼 수가 있다. 즉 브라우저는 바로 이 html 소스를 분석하여 화면에 출력하는 것이다. html 소스에 나오는 이상한 글자가 바로 html을 구성하는 태그 또는 택이라고 부르는 부분이다. 이렇게 html은 여러가지 택으로 구성되어 하나의 화면을 보여주는 한페이지를 구성한다. TAG란 무엇인가? 택이란 HTML문서의 모양과 행동양식을 정해주는 하나의 명령어로서,..

블랙잭 게임

이전 1 ··· 43 44 45 46 다음

티스토리툴바