아름다운 글 올리는 Tag방법

아름다운 글 올리는 tag방법[1~6]

아름다운 글 올리는 Tag -6 오늘은 글자의 크기와 색상에 대하여 알아보겠습니다 글자의 명령은 모두가 font에서 이루어집니다 font 글자는 이렇게 하여라는 말 color 글의 색상을 지정하는 명령어 size 글의 크기를 지정하는 명령어 1. 글의 색부터 해보죠 color="원하는 색상이름이나 색코드 넘버" 예 붉은색 푸른색 이건 노란색 a52a2a색 8a2be2색 8b008b색 결과보기 붉은색 푸른색 이건 노란색 a52a2a색 8a2be2색 8b008b색 2. 글자의 크기 지정입니다 size="원하는 크기의 수" 예 붉은색 푸른색 이건 노란색 a52a2a색 8a2be2색 8b008b색 - 결과보기 붉은색 푸른색 이건 노란색 a52a2a색 8a2be2색 8b008b색 3. 그럼 지금까지 베운 모든걸 종합해 볼까요 * 움직임의 명령 marquee는marquee 대로 글자의 명령 font는 font 대로 따로 해야합니다 * 마침 명령은 시작의 역순으로 마쳐야합니다 이렇게 해보죠 명령 움직여라 방향은="위로" 속도는="1" 바탕색="푸른색" 넓이는="400" 높이는="200" 여기까지 명령 글자는 색을="흰색" 크기는="3으로" 여기까지이다 명령 ☞ < 움직여라 ☞ marquee 방향은 ☞ direction 속도는 ☞ scrollamount 바탕색 ☞ bgcolor 넓이는 ☞ width 높이는 ☞ height 여기까지 ☞ > 명령어로 번역하면 이렇게 되겠죠. 지금까지 익힌것을 다시한번 되세겨 보세요. 키스의 의미 이마에 하는 Kiss는 우정을 의미하고 감은 눈 위에 하는 입맞춤은 감사의 Kiss 코 끝에 하는 Kiss는 당신에게 행운이 함께 하길빈다는 뜻 볼에 하는 Kiss는 반가움을 뜻하고 입술에 하는 것은 사랑의 Kiss 결과보기 키스의 의미 이마에 하는 Kiss는 우정을 의미하고 감은 눈 위에 하는 입맞춤은 감사의 Kiss 코 끝에 하는 Kiss는 당신에게 행운이 함께 하길빈다는 뜻 볼에 하는 Kiss는 반가움을 뜻하고 입술에 하는 것은 사랑의 Kiss 이밖에 글자의 크기를 지정하는게 여러가지 있지만 이것만 알아도 충분할것입니다 다음은 문단 정열에서 다시 뵙죠 아름다운글을 올려보세요 감사합니다 From| mysesang.com. 아름다운글 올리는 Tag -5 안녕하세요? 오늘도 marquee 에 관하여 알아보겠읍니다 지금까지 1.움직이는 방향 direction="left" 왼쪽으로 움직임 direction="right" 오른쪽으로 움직임 direction="up" 위로 움직임 direction="down" 아래로 떨어짐 2.속도 scrollamount="1" 느림 scrollamount="2" 조금 빠름 이렇게 뒤의 숫자를 올려주면 빨라지고 3.배경색 bgcolor="yellow" 노란색 바탕 bgcolor="blue" 파란색 바탕 이렇게 bgcolor 뒤에 원하는 색의 이름을 넣어주면 바탕색이 내가원하는색으로 변한다는것을 이해 하셨을겁니다 marquee만 단순히 사용하면 기본적인 지원이 됩니다 기본이란 왼쪽으로 계속 움직 이며 속도는 약 4정도로 움직입니다.

오늘은 4. behavior="slide" marquee 다음에 이렇게 넣으면 글이 오다가 끝에서 멈추라는 말입니다 5. behavior="alternate" 이건 왔다갔다 하라는 말이구요

실제로 해보겠습니다. 연습장에 아래와같이 해보세요 키스의 의미 이마에 하는 Kiss는 우정을 의미하고 감은 눈 위에 하는 입맞춤은 감사의 Kiss 코 끝에 하는 Kiss는 당신에게 행운이 함께 하길빈다는 뜻 볼에 하는 Kiss는 반가움을 뜻하고 입술에 하는 것은 사랑의 Kiss

결과보기 키스의 의미 이마에 하는 Kiss는 우정을 의미하고 감은 눈 위에 하는 입맞춤은 감사의 Kiss 코 끝에 하는 Kiss는 당신에게 행운이 함께 하길빈다는 뜻 볼에 하는 Kiss는 반가움을 뜻하고 입술에 하는 것은 사랑의 Kiss 글이 이미 멈추어져 있으면 위 메뉴에서 새로고침 클릭해서 다시 보세요.

behavior="alternate"의 적용 사랑해요 ♬♩♪♩♩♪♬♥~~

결과보기 사랑해요 ♬♩♪♩♩♪♬♥~~

6. width="원하는 크기의 수" 가로의 크기를 지정합니다 height="원하는 크기의 수" 높이를 지정합니다

가로와 세로의 크기를 이렇게하면 사랑해요 ♥~~

결과보기 사랑해요 ♥~~

가로와 세로의 크기를 이렇게고치면 사랑해요 ♥~~

결과보기 사랑해요 ♥~~

7.응용을 하나만 더할까요? 글자가 지그 재그로 움직이는건 marquee를 이중으로 사용합니다

marquee의 2중 사용예 한번은 상하로 한번은 좌우로 움직이게 합니다 사랑해요 ♥~~

결과보기 사랑해요 ♥~~

이상으로 marquee의 명령은 마치겠읍니다 다음은 아름다운 글 올리는 방법 font 편을 보내드립니다. 글자의 색상을 변하게 하고 크기를 변하게 합니다 아래의 예를 연구하여 직접 해보세요

연구1 : 펄쩍 뛰는 원숭이 @(. .)@ (( Y ))

연구2 : 눈 내리는날 연인과 함께 * * * * * * * * * * * * * * * * * * * ** * * ** * _________&&____________

연구3 : 영치기 영차 &&&&&&----

연구4 : 사랑해^^ ~~//^}♥ {^]]~~

아름다운 글 올리는 Tag 4 안녕하세요? 오늘도 marquee의 속성에 관하여 알아 보겠읍니다 지금까지 방향과 속도에 관하여는 이해 하셨을 겁니다 marquee 다음에 direction은 움직임의 방향 명령이고 scrollamount 속도 명령은 아시지요?

오늘은 글자에 바탕색을 넣어보지요 바탕색 명령은 bgcolor 입니다 bgcolor="넣고싶은 색 코드나 색이름" 물론 marquee 명령내에 넣어야합니다.

실제로 해 볼까요. 연습장에 아래와 같이 해 보세요 노란색 바탕 이제 파일에서 저장 하고 sample.html에서 새로고침하여 보세요

이렇게 나오나요? 노란색바탕

그럼 지금까지 배운 모든걸 적용해보겠어요

예제 홀로서기 1 기다림은 만남을 목적으로 하지 않아도 좋다. 가슴이 아프면 아픈채로, 바람이 불면 고개를 높이 쳐들면서, 날리는 아득한 미소.

결과 보기 홀로 서기 1 기다림은 만남을 목적으로 하지 않아도 좋다. 가슴이 아프면 아픈채로, 바람이 불면 고개를 높이 쳐들면서, 날리는 아득한 미소.

아름다운글 올리는 Tag 3 신 안녕하세요? 오늘은 marquee의 속도에 관하여 알아보겠읍니다 marquee의 명령어 내에 여러가지 속성을 부여할수있습니다. 1. scrollamount 움직임의 속도를 명령합니다    원하는 속도의 수치에 값을 넣으면 움직임의 속도가 변합니다.    1 이 가장 느리고 숫자가 증가 할수록 속도도 빨라 지죠.

음... 혹 연습장을 못만들었거나 연습장 사용을 잘 못하겠으면 1. 이곳의 자유 계시판이나 HTML 코너를이용하여도 되죠 형식을 반드시 웹문서 또는 HTML로 하시고 일반 웹게시판에서 작성하면 비밀번호 꼭넣으세요 연습한번만 해보고 삭제 하는게 좋겠죠 이 글과 연습장의 창을 두개 띄워서 연습하면 됩니다 2. 창 두개 띄우는 방법 파일 클릭-새로 만들기(여기에 마우스 올리면 옆에 창 이라는게뜹니다) -창 클릭 이젠 창이 두개 만들어졌어요 연습장과 여기의 글 두개를 번갈아보면서 연습하세요

그럼 실제로 해볼요? 연습장을 불러서 소스보기를하세요. 소스가 나왔읍니까? 야호! 드디어 나의 연습장이 완성되었다^^ 움직일까? 오른쪽으로 움직여라 위쪽으로 움직여라 밑으로 떨어진다 왼쪽으로 오다 멈추어라 이렇게 나와 있을겁니다 이젠 이모든걸 다지워 버리세요 걱정하지 마시고 다지워요 그리고 아래와같이 적어봅니다 천천히 움직여라 조금더빠르게 움직여라 더욱 빨리 더빨리 움직여볼래? 넘느려 더빨리 음..빠르군^^ 우와 너무 빨라 넌 오른쪽으로 천천히 움직여라 이제 파일에서 저장 하고 sample.html에서 새로고침 하여보세요

이렇게 나오나요? 천천히 움직여라 조금더빠르게 움직여라 더욱빨리 더빨리 움직여볼래? 넘느려 더빨리 음... 빠르군 우와 너무빨라 넌 오른쪽으로 천천히 움직여라 아래에 숙제가 있어요 똑같이 만들어 보세요

속도의 변화 속도의 변화 속도의 변화 속도의 변화 속도의 변화 속도의 변화 속도의 변화 속도의 변화이건 어떻게 했을까요^^

아름다운 글 올리는 tag방법[2]

아름다운 글 올리는 Tag 2 입니다 안녕하세요? 오늘은 아름다운 글 Tag 2탄입니다 오늘은 marquee 태그에 대하여 공부하겠읍니다. marquee 는 글자의 움직이는 명령어예요. 그러나, marquee 는 익스플러러만 지원하고 넷스케이프에선 작동이 안된다는 단점이 있읍니다. 넷스케이프 쓰시는분은 익스를 다시깔아야해요 자 그럼 시작해볼까요^^. 우선 어제 마련한 연습장을 불러오세요. 연습장이 나왔나요? 연습장 제일위에보면 파일(F) 편집(E) 보기(V) 도구(T) 가있어요. 찾으셨으요? 3번째 보기를 클릭합니다 도구모음 상태표시줄 탐색창 이렇게 쭉있는데 밑에서 두번째보면 소스 라는게 보여요? 클릭 하세요. 새로운 창 하나가 뜨죠? 이게 어제 작성한 원본입니다. 이렇게 나와 있을겁니다 야호! 드디어 나의 연습장이 완성되었다^^ 밑에 다음과 같이 적으세요. 움직일까? 에관하여는 나중에 설명하겠읍니다 는 글자를 오른쪽에서 왼쪽으로 움직여라는 명령어 입니다 움직일까? 는 자기가 쓰고싶은 문구를 넣으시면 됩니다 는 명령어를 끝낸다는 말입니다 한번 명령하면 반드시 명령어를 끝내어야 합니다 자 이젠 진짜 글자가 움직이는지 봐야겠죠? 파일(F) 편집(E) 보기(V) 도구(T) 여기서 파일을 클릭해서 위에서 네번째 저장을 클릭 다음에 sample.html의 메뉴에서 새로고침을 클릭합니다. 어때요? 이렇게 보이나요? 야호! 드디어 나의 연습장이 완성되었다^^ 움직일까? 이렇게 나온분은 성공입니다. 혹 안되신분은 < >이런 괄호나 스펠링이 틀리지 않았나 검토하고 다시 해보셔요 다시 해봅니다 보기에서 소스 클릭해서 메모장을 불러옵니다 움직일까? 밑에 아래를 다 적으세요 오른쪽으로 움직여라 위쪽으로 움직여라 밑으로 떨어진다 왼쪽으로 오다 멈추어라 파일에서 저장하고 sample.html에서 새로고침한후 다시보세요 다시보는법을 모르시겠어요? 그럼 이글 처음부터 다시보셔요 확인은 숙제입니다 안되시는분은 메일 주세요 그럼 다음에또 안녕히... 야호! 드디어 나의 연습장이 완성되었다^^ 움직일까? 오른쪽으로 움직여라 위쪽으로 움직여라 밑으로 떨어진다 왼쪽으로 오다 멈추어라 이렇게 나왔나요?

아름다운글 올리는 태그 [1]

안녕하세요? 이양호 입니다 게시판에 올린 영상시를보시고 문의 해오시는분이 많아 HTML에 대하여 설명의글을 올려봄니다 이글을보시고 여러분들도 아름다운글을 올릴수있기를 바라며 모르는 부분이있으면 질문해 주세요. 시간이 허락하는데로 계속 설명의글을 올리겠읍니다 그럼 오늘 첫시간 순서는 HTML이란 무었인가와 준비물을 설명하겠읍니다 HTML이란 Hyper Text Markup Language의 약자로 웹브라우저에 하이퍼텍스트 기능을 가진 문서를 만드는 언어입니다. 여기서 Hyper Text라고 하는 것은 웹문서의 임의의 위치에서 해당부분을 클릭했을 때 다른 곳으로 이동하는 것이 가능하도록 해 주는 것입니다. 바로 아래의 파란색 밑줄쳐진 부분이 하이퍼텍스트입니다. HTML은 1.0버전부터 시작해 현재 HTML3.2가 표준으로 있으며 4.0버전이 최근 발표되었습니다. HTML의 표준은 W3C(http://www.w3.org)에서 발표하고 있는데 Netscape나 Explore는 자사 제품의 우위를 점하기 위하여 W3C의 표준을 벗어나는 확장태그를 일부 사용하고 있는 현실입니다. 그래서 똑같은 HTML 문서라도 브라우저에 따라 화면에 나타나는 것이 차이가 생기게 되고 이것이 우리를 괴롭히는 한 원인이 되고 있습니다. 고래싸움에 새우 등 터지는 꼴이죠.. 인터넷에 여러분의 집을 만들기 위해서는 이러한 HTML을 배우는 것이 기초가 됩니다. HTML의 난이도는 C나 JAVA 같은 프로그래밍 언어보다는 훨씬 쉬우며 워드보다는 조금 어렵다고 생각하시면 됩니다. 그런데 이러한 HTML은 무엇을 이용해서 작성할 수 있을 까요? 우리가 문서를 작성하기 위해 워드프로세서를 사용하듯이 HTML을 작성하기 위해서도 필요한 에디터가 있습니다. 가장 기본적인 에디터는 윈도우의 메모장(NotePad)입니다. HTML문법을 모두 알고 있어야 한다는 어마어마한(?) 어려움이 있지만 기초를 튼튼히 해주고 언제 어디서나 HTML문서를 만들 수 있으며 다른 사람의 소스를 분석할 힘을 키운다는 점에서 개인적으로는 가장 추천하고 싶습니다. ~인내는 쓰지만 열매는 달지 않을까요?~

우선준비할것입니다

HTML을 배워도 연습을못한다면 안되겠죠 (메모장): 윈도우에서 기본적으로 제공되는 프로그램으로 간단한 텍스트파일 작성에사용합니다. 자 ..지금부터 따라해봅니다 위의 그림과 같이 하셔서 시작-프로그램-보조프로그램-메모장 을불러옵니다. 위의 그림과 같이 메모장이나왔나요? 메모장에 이렇게 타이핑하세요 야호! 드디어 나의 연습장이 완성되었다^^ 되셨나요? 혹 괄호를 빼먹거나 오타가없는지 다시한번 검토하실레요? 아래 그림과 같아야 합니다 모든게 잘되셨어요.. 그럼 이제 저장할 차례입니다 제일위에서 두번째칸을보면 파일(F) 편집(E) 보기(V) 즐겨찾기(A) 라는게 보여요? 파일을 클릭하세요 밑으로 쭉보면 다른이름으로 저장 이있어요 클릭하세요 이렇게 창이뜨죠? 제일위에 위치에 가장찾기쉬운 폴드를 선택하세요 가급적이면 바탕화면에있는 폴드로 예를들면 My Documents 나 내문서등 선택하셨어요? 잘 기억해야해요 위치를.. 저는 바탕화면에 저장 하겠습니다 다음에 파일이름이 있어요. 그곳에 이렇게 적으세요 sample.html 점을 빠트리면 안됩니다 되셨나요? 다음 파일 형식이있죠? 이건 반드시 모든 파일을 선택하셔야해요 옆의 세모꼴 뒤집어진거 클릭하면 나와요 모든 파일을 선택하셨어요? 그럼 바로옆에있는 저장을 누르세요 수고하셨어요^^ 그럼 이제 확인해볼까요 내컴퓨터나 탐색기에서 조금전에 저장한걸 찾아보세요 sample 이라고 있어요? 없으면 다시한번 기억을 더듬어 조금전 저장한곳이 어디인지 생각하고 찾아보세요 찾으셨나요? 저는 바탕화면에 저장하였기에 여기서 바로 더불 쿨릭하면 나옵니다 그럼 그 sample 파일을 더블클릭해보세요 이렇게 나올걸요 제일위 파란부분을 보세요 HTML연습장 이라고 되어있나요? 성공입니다 이제 연습장이생기셨어요 다음부터 여기서 모든 HTML을 연습할거예요 처음의 준비과정이라 조금 복잡하지만 이젠 연습장이 있으니 다음부터는 간단히 연습만 하면 되죠