상상플러스 ::

'2008/01/15'에 해당되는 글 2건

2008/01/15 DL DT DD LI OL UL DIR MENU

2008/01/15 Flex 오픈소스 사이트 모음

HTML 2008/01/15 20:43

DL DT DD LI OL UL DIR MENU

DL 태그는 리스트 항목을 선언하는 태그 입니다.
DL 태그로 선언된 후에 DT 태그에 "항목명"을 DD 태그에 "설명"을 붙여줍니다.

형식 :

<DL> <DT>여기에 용어의 이름을 쓴데여~~~</DT> <DD>여기에는 용어에 대한 설명을 써야겠져?</DD> <DT>허웅</DT> <DD>귀엽다. 개구장이다.</DD> </DL>

결과 :

여기에 용어의 이름을 쓴데여~~~: 여기에는 용어에 대한 설명을 써야겠져?
허웅: 귀엽다. 개구장이다.

DL 태그 내부에서 정의되는 구절이나 단어를 정의합니다.

DT 태그로 지정된 문서의 내용을 지정하는데 이용합니다.

리스트의 각 항목을 적을 때 이용되는 태그입니다.

형식 :

<LI>이 글자 앞에 보이는 "동그라미"가 LI 태그가 적용된 겁니다.</LI> <LI>끝나는 태그가 없어도 상관없어요.

결과 :

이 글자 앞에 보이는 "동그라미"가 LI 태그가 적용된 겁니다.
끝나는 태그가 없어도 상관없어요.

숫자 혹은 알파벳 또는 로마자 등을 이용하여 리스트화하는 기능을 갖습니다.
각 항목은 LI 태그를 이용합니다.
이 때, LI 태그의 속성으로 "TYPE 속성"을 사용할 수 있습니다.
TYPE 속성의 값으로는 A(알파벳 대문자), a(알파벳 소문자), I(로마숫자 대문자), i(로마숫자 소문자) 등을 사용합니다.

형식 :

결과 :

장미
봉선화
진달래

장미
봉선화
진달래

장미
봉선화
진달래

장미
봉선화
진달래

장미
봉선화
진달래

일정한 항목이나 리스트같은 것을 표현할 경우에 사용됩니다.
각 항목은 LI 태그를 사용합니다.
그러나 사용만 잘하면 꼭 그렇게 하실 필요 없겠죠?
저 같은 경우 P 태그는 잘 사용을 하지 않습니다. ---> 습관상
그래서 문단의 들여쓰기 기능이 필요할 경우에는 UL 태그를 주로 사용합니다.
UL 태그의 속성으로는 "TYPE 속성" 있습니다.
TYPE 속성의 값으로는 "disk, square, circle"의 세 종류가 있습니다.

형식 :

결과 :

장미
봉선화
진달래

장미
봉선화
진달래

장미
봉선화
진달래

DIR

DIR 태그는 항목의 리스트를 나열하는 목적으로 사용됩니다. UL 태그와 동일한 기능이므로 가능하면 UL 태그를 이용하는 것이 좋습니다.
20글자 이내의 짧은 항목 리스트를 만들 때 이용됩니다.

형식 :

결과 :

리스트 - 1

리스트 - 2

리스트 - 3

MENU

MENU 태그는 메뉴의 리스트를 나열하는 목적으로 사용됩니다. 속성은 COMPACT가 있으나 대부분의 웹브라우저에서는 지원하질 않습니다. 유사한 기능의 UL 태그를 사용하시는 것이 더욱 좋습니다.

형식 :

결과 :

리스트 - 1

리스트 - 2

리스트 - 3

이 글에는 트랙백을 보낼 수 없습니다

HTML/FLEX 2008/01/15 13:02

Flex 오픈소스 사이트 모음

[오픈소스샘플모음] http://www.quietlyscheming.com/blog/

[flexlib] http://code.google.com/p/flexlib/
[Flexed] http://flexed.wordpress.com/
[익스플로러] http://demo.quietlyscheming.com/ChartSampler/app.html
[샘플소스모음] http://tech.groups.yahoo.com/group/flexcomponents/database (로긴)
[RSSReader] http://renaun.com/flex2/MXNARSSReader/srcview/
[mxmlc] http://www.senocular.com/flash/tutorials/as3withmxmlc/
[TREE] http://cflex.net/showFileDetails.cfm?ObjectID=554&Object=File&ChannelID=1
[GRID] http://thanksmister.com/dnddatagrid/index.html
[TAB] http://everythingflex.com/flex2/MultiRowTabs/Index.html
[COMPONENT] http://shigeru-nakagaki.com/index.cfm?C

[*] http://www.shockwave-india.com/blog/
[*] http://www.cynergysystems.com/blogs/page/andrewtrice?entry=flex_2_bitmapdata_tricks_and
[*] http://www.cynergysystems.com/blogs/page/keunlee
[*] http://weblogs.macromedia.com/auhlmann/archives/2006/11/download_distor.cfm#more
[*] http://dougmccune.com/blog/
[*] http://recycle.andre-michelle.com/

[CHART] http://www.stretchmedia.ca/code_examples/offset_calculator/SeriesOffsetCalculator.html
[CHART] http://www.stretchmedia.ca/code_examples/chart_range_selection/main.html
[CHART] http://flexapps.macromedia.com/flex2beta3/chartexplorer/explorer.html
[CHART] http://demo.quietlyscheming.com/ChartSampler/app.html
[STYLE] http://www.merhl.com/flex2_samples/filterExplorer/

[*] http://graemeharker.blogspot.com/2006/06/flex-and-net-tutorials-1.html
[*] http://en.wikipedia.org/wiki/Bresenham's_line_algorithm
[STYLE] http://examples.adobe.com/flex2/consulting/styleexplorer/Flex2StyleExplorer.html

[Certification Program Planning Guide] http://www.donathgroup.com/pdf/DonathCERTPlanGuide.pdf

[Artemis] http://artemis.effectiveui.com/
[Cairngen] http://www.ericfeminella.com/blog/2007/05/09/cairngen-ant-tasks-12-release/
[Presentations for new Web] http://www.spresent.com/v2/
[flexibleexperiments] http://flexibleexperiments.wordpress.com/
[renaun] http://renaun.com/blog/code-examples/

[del.icio.us 에 즐겨찾기된 사이트] http://del.icio.us/tag/flex2?page=1

[component] http://flexbox.mrinalwadhwa.com/

[Flash Sample] http://www.adobe.com/support/documentation/en/flash/samples/
[Flash Resource] http://www.adobe.com/support/documentation/en/flash/

[*] http://tools.assembla.com/flashcomponent/changeset/4/flashComponentAnalysis/flex2
[*] http://www.fullasagoog.com/