반응형
IBM developerworks에서 2007년 하반기 활동할 'developerWorks 대학생 모니터 요원 2기'를 아래와 같이 발표합니다.

오는 8월 8일 수요일, 로보코드 코리아컵 2007 결승대회와 제2기 developerWorks 대학생 모니터요원 임명식이 함께 진행되오니 선정되신 분들은 꼭 참석해주셨으면 합니다.
행사에 대한 보다 자세한 안내사항은 추후 개별 통지해 드리겠습니다.

developerWorks에 많은 관심을 보여주신 대학생 여러분들께 진심으로 깊은 감사 드립니다.

• 선정자 명단 (15명)
성명         학교명
김동철       호남대학교
김주호       서울대학교
김현경       성신여자대학교
남상균       인하대학교 대학원
민창현       경북대학교
박성일       서울산업대학교
박영식       숭실대학교
박지용       고려대학교 대학원
설혜미       한신대학교
신형기       전북대학교
유용빈       명지대학교
이국진       인천대학교
장영석       세종대학교
전민지       서울여자대학교
한성현       숭실대학교 대학원

IBM developerWorks 2기 모니터 요원 선정 되었네요. ^^

뽑히신 분들 축하드리고요.. 다음 모임에서 뵈었으면 좋겠네요.^^
반응형

HTML 테그 정리

출처:집시의 다락방

형 식

구 성

내 용

문서의 기본 구조를 나타내 주는 태그

<HTML>

<HTML>...</HTML>

HTML 언어로 작성되어 있다는 것을 알려줍니다.

<HEAD>

<HEAD>...</HEAD>

Heading의 준말로 글의 머리말에 해당합니다.

<BODY>

<BODY>...</BODY>

본문에 해당하는 부분을 알려줍니다.

<TITLE>

<TITLE>...</TITLE>

타이틀바에 새겨질 글자를 정의합니다.

<Hn>

<Hn>...</Hn>

표제 부분에 들어갈 말을 정의합니다. 1~6까지의 숫자를 사용하고 숫자가 커질수록 표제는 작아집니다. 기본값은 H4입니다.

<!-...->

<!-주석내용->

주석을 달거나 잠시동안 이미지를 보이지 않게 할 때 사용합니다.

문단 혹은 줄을 바꾸는 태그

<P>

<P>

문단을 바꾸는 태그입니다. 줄바꿈과 동시에 줄을 띤 것같은 효과가 나타납니다.

<BR>

<BR>

문단을 바꾸는 태그입니다. 줄바꿈의 역할만을 수행합니다.

<PRE>

<PRE>...</PRE>

여백이나 줄간격 등을 고정시켜 주는 역할을 합니다.

글자의 크기를 마음대로 조절하는 태그

<FONT>

<FONT SIZE=n> ...</FONT>

글자의 크기를 마음대로 조절해 줍니다. 뒤의 숫자는 1~7이며 7이 가장 큰 크기입니다. 기본값은 3입니다.

선그리기 태그

<HR>

<HR ALIGN= WIDTH= SIZE=>

입체적인 선을 그려줍니다. ALIGN은 선의 정렬을, WIDTH는 선의 폭을, SIZE는 선의 높이를 정해줍니다.

이미지 맵을 처리하는 태그

<ISMAP>

<IMG SRC= "..." ISMAP>

이미지맵을 정의합니다.

<MAP>

<MAP NAME=...> ...</MAP>

넷스케이프2.0에서 이미지맵을 정의합니다.

목록을 정리해 주는 태그

<LI>

<UL>...</UL>

순서가 없는 목록으로 일반적인 나열을 말합니다.

<OL>...</OL>

순서가 있는 목록으로 위에서부터 번호를 매깁니다.

<MENU>...</MENU>

메뉴 목록으로 그리길지 않은 문장의 열거에 사용합니다.

<DIR>...</DIR>

디렉토리 목록으로 메뉴 목록보다 짧은 문장을 나열합니다,

<DL>...</DL>

정의 목록 태그입니다. <LI>가 아닌 <DT>와 <DD>를 사용합니다.

문서를 가운데로 정렬시켜 주는 태그

<CENTER>

<CENTER>... </CENTER>

전체 문장을 가운데로 정렬시켜 줍니다.

인용하기 태그

<BLOCKQUOTE>

<BLOCKQUOTE>... </BLOCKQUOTE>

문장 내에서 인용을 할 경우 들여쓰기를 한 후 인용구로 처리합니다.

글자의 모양을 정의해 주는 태그

<STRONG>          

<STRONG>...</STRONG>

굵은 글씨를 나타내 주는 태그입니다.

<B>

<B>...</B>

<EM>

<EM>...</EM>

이탤릭체의 글씨를 나타내 주는 태그입니다.

<I>

<I>...</I>

<KBD>

<KBD>...</KBD>

타자기체의 글씨를 나타내 주는 태그입니다.

<CODE>

<CODE>...</CODE>

<TT>

<TT>...</TT>

배경 이미지 작업하기

<BODY>

<BODY BACKGROUND="...">

배경 이미지를 띄워줍니다.

<BODY BGCOLOR="#nnnnnn">

배경 색깔을 지정해 줍니다.

그밖의 태그들

<DFN>

<DFN>...</DFN>

정의되어지는 단어에 대한 것을 말합니다.

<CITE>

<CITE>...</CITE>

책이나 사진 등의 제목을 말할 때 쓰입니다.

<SAMP>

<SAMP>...</SAMP>

컴퓨터상에 메시지를 나탈낼 때 쓰입니다.

<VAR>

<VAR>...</VAR>

이탤릭체로 표현됩니다.

<SUB>

<SUB>...</SUB>

첨자에 관한 태그입니다.

<SUP>

<SUP>...</SUP>

윗첨자를 나타냅니다.

<BASEPOINT>

<BASEPOINT>... <BASEPOINT>

기본적으로 미리 약속된 크기를 다시 정할 때 사용합니다.

부분을 강조해 주는 태그

<BLINK>

<BLINK>...</BLINK>

글자를 깜박이게 해줍니다.

<U>

<U>...</U>

글자에 밑줄을 그어줍니다.

연결하기 태그

<A>

<A HREF="...">...</A>

다른 홈페이지와 연결시켜 줍니다.

<A NAME="...">...</A>

자신의 홈페이지 내에서 연결해 줍니다.

주소 및 편지 서비스

<ADDRESS>

<ADDRESS>... </ADDRESS>

주소에 대한 정의를 내려줍니다.

<MAILTO>

<A HREF="MAILTO...">

편지쓰기 창을 띄워 줍니다.

색상 지정하기

<BODY>

<BODY TEXT= "#nnnnnn">...</BODY>

글자색을 지정합니다.

<BODY LINK= "#nnnnnn">...</BODY>

하이퍼링크의 색을 지정합니다.

<BODY VLINK= "#nnnnnn">...</BODY>

한 번 누른적이 있는 하이퍼링크의 색을 지정합니다.

<BODY ALINK= "#nnnnnn">...</BODY>

누르고 있는 동안의 색을 지정합니다.

표 만들기 태그

<TABLE>

<TABLE BORDER>... </TABLE>

표의 전체 형식을 나타냅니다.

<TR><TD></TD></TR>

표 내부에 들어갈 형식을 정의합니다.

<TD COLSPAN=n>

가로칸을 n만큼 합쳐줍니다.

<TD ROWSPAN=n>

세로칸을 n만큼 합쳐줍니다.

<TD ALIGN=...>

표안의 좌우 정렬 방식을 정의합니다.

<TD VALIGN=...>

표안의 상하 정렬 방식을 정의합니다.

 
 

문서를 임의로 고정시키는 태그

<NOBR>

<NOBR>...</NOBR>

화면 크기에 따라 문단이 바뀌는 것을 방지합니다.

<WBR>

<WBR>...</WBR>

위의 태그 안에서 문단을 바꿀 때 사용합니다.

CGI 양식 첨가하기

<FORM>

<FORM>...</FORM>

양식을 정의합니다.

<FORM METHOD="..." ACTION="...">

양식의 방법을 정의합니다.

<TEXTAREA>

<TEXTAREA NAME="..." ROWS="...">

글틀 상자를 정의합니다.

<INPUT>

<INPUT TYPE="...">

어떤 형태로 입력할 것인지를 정의합니다.

<INPUT TYPE="RADIO">

라디오 단추를 만들어줍니다.

<INPUT TYPE= "CHECKBOX">

체크 상자를 만들어 줍니다.

<INPUT TYPE= "SUBMIT">

제출 버튼을 만들어 줍니다.

<INPUT TYPE="RESET">

취소 버튼을 만들어 줍니다.

<SELECT>

<SELECT NAME="...">

선택 사항 상자를 만들어 줍니다.

창만들기 태그

<FRAME>

<FRAMESET>... </FRAMESET>

창의 기본 틀을 지정합니다.

<FRAMESET ROW= "숫자 혹은 %">

위 아래로 나눠줍니다.

<FRAMESET COLS= "숫자 혹은 %">

좌우로 나눠줍니다.

<FRAME SRC="..." MARGINWIDTH="...">

창에 들어갈 좌우 여백을 정의합니다.

<FRAME SRC="..." MARGINHEIGHT="...">

창에 들어갈 상하 여백을 정의합니다.

<FRAME SCROLLING= "...>

스크롤바를 설정해 줍니다.

<NOFRAMES>... </NOFRAMES>

프레임이 안보이게 해줍니다.

이미지 다루기에 필요한 태그

<IMG>

<IMG SRC="...">

이미지를 정의해 줍니다.

<IMG SRC="..." ALIGN=...>

이미지의 정렬 상태를 나타내 줍니다.

<IMG SRC="..." WIDTH="..." HEIGHT="...">

이미지의 크기를 조절해 줍니다.

<IMG SRC="..." LOWSRC="...">

이미지를 JPEG파일로 나타내 줍니다.

<IMG SRC="..." VSPACE= HSPACE=>

이미지의 여백을 조절해 줍니다.

<IMG SRC="..." BORDER="...">

이미지의 태두리선을 조절합니다.

<IMG SRC="..." ALT="...">

이미지가 전송되지 않았을 경우에 글자로 대처해 줍니다.

반응형
  • 아.. 날씨는 덥고 귀차니즘.. 심각한 수준... 나 어디로 가고 있는 거야?...... 오후 9시 34분
  • 나, 초라한 작은 세상에 대담하게 마주 설 수 있는 오만을 갖고 싶다. 이제 내게는 더이상 두려움은 없고 머뭇거림도 없다. by guda. 오후 9시 34분

이 글은 guda님의 미투데이 2007년 7월 26일 내용입니다.

+ Recent posts

티스토리툴바