HTML Standard Attributes
HTML tags can have attributes. The special attributes for each tag are listed under each tag description. The attributes listed here are the core and language attributes that are standard for all tags (with a few exceptions).
Core Attributes
Not valid in base, head, html, meta, param, script, style, and title elements.
| Attribute | Value | Description |
|---|---|---|
| class | class_rule or style_rule | The class of the element |
| id | id_name | A unique id for the element |
| style | style_definition | An inline style definition |
| title | tooltip_text | A text to display in a tool tip |
Language Attributes
Not valid in base, br, frame, frameset, hr, iframe, param, and script elements.
| Attribute | Value | Description |
|---|---|---|
| dir | ltr | rtl | Sets the text direction |
| lang | language_code | Sets the language code |
Keyboard Attributes
| Attribute | Value | Description |
|---|---|---|
| accesskey | character | Sets a keyboard shortcut to access an element |
| tabindex | number | Sets the tab order of an element |
Strict HTML 4.01로 가기 위한 지침서
Strict HTML 4.01로 가기 위한 지침서
- 항상 모든 웹페이지는 DOCTYPE로 시작되어야 함
- 바로 다음에 오는 <html> 엘리먼트는 웹 페이지의 최상위 혹은 루트 엘리먼트가 되어야 함
- DOCTYPE다음에 오는 <html>태그로 페이지를 시작해서 </html>태그로 페이지를 끝내야 하며, <head>와 <body>만이 <html>엘리먼트 안에 들어갈 수 있음
- <head>엘리먼트에는 <title>엘리먼트가 항상 있어야 함
- <head>엘리먼트에 <title>, <meta>, <style>엘리먼트만 올 수 있음
- <body>에는 블록 엘리먼트(block element)만 포함할 수 있음
- 모든 인라인 엘리먼트(inline element)와 텍스트sms <body>엘리먼트 안에 들어가기 전에 다른 블록 엘리먼트 안으로 들어가야 함
- 인라인 엘리먼트 안에는 텍스트와 다른 인라인 엘리먼트만 들어갈 수 있음
- 인라인 엘리먼트 안에 블록 엘리먼트를 포함할 수 없음
- <p>엘리먼트 안에 블록엘리먼트를 두면 안 됨
- 리스트인 <ul>과 <ol> 엘리먼트 안에는 오직 <li>엘리먼트만 들어올 수 있음
- <li>엘리먼트 안에는 무엇이든지 포함될 수 있음
- <blockquote>는 오직 블록 엘리먼트만 포함될 수 있음
XHTML 1.0 체크리스트
XHTML 1.0 체크리스트
- DOCTYPE을 Strict XHTML로 변경함. 또는 여전히 Transitional HTML을 사용하고 있다면 Transitional XHTML로 변경함
- xmlns, lang, xml:lang속성을 <html>시작 태그에 추가함
- <html>태그는 DOCTYPE 다음에 오는 맨 첫번째 태그가 되어야 하며, </html>종료태그는 가장 마지막 태그가 되어야 함
- 모든 엘리먼트 이름들은 소문자로 작성되어야 함
- 모든 시작 태그들은 종료 태그를 가져야 함. 또는 빈 엘리먼트의 경우 하나의 공백문자와 />로 끝나야 함
- 모든 속성값들은 큰 따옴표로 둘러싸고 값을 가져야 함
- HTML 콘텐츠에 &를 사용하지 말 것. &가 시작 엔티티를 위한 것이라면 대신 &를 사용할 것. 다른 특수 문자들도 엔티티로 변환함
HTML 4.01 / XHTML 1.0 Reference
Ordered by Function
- NN: indicates the earliest version of Netscape that supports the tag
- IE: indicates the earliest version of Internet Explorer that supports the tag
- DTD: indicates in which XHTML 1.0 DTD the tag is allowed. S=Strict, T=Transitional, and F=Frameset
| Start tag | Purpose | NN | IE | DTD |
|---|---|---|---|---|
| Basic Tags | ||||
| <!DOCTYPE> | Defines the document type | STF | ||
| <html> | Defines an html document | 3.0 | 3.0 | STF |
| <body> | Defines the body element | 3.0 | 3.0 | STF |
| <h1> to <h6> | Defines header 1 to header 6 | 3.0 | 3.0 | STF |
| <p> | Defines a paragraph | 3.0 | 3.0 | STF |
| <br> | Inserts a single line break | 3.0 | 3.0 | STF |
| <hr> | Defines a horizontal rule | 3.0 | 3.0 | STF |
| <!–…–> | Defines a comment | 3.0 | 3.0 | STF |
| Char Format | ||||
| <b> | Defines bold text | 3.0 | 3.0 | STF |
| <font> | Deprecated. Defines text font, size, and color | 3.0 | 3.0 | TF |
| <i> | Defines italic text | 3.0 | 3.0 | STF |
| <em> | Defines emphasized text | 3.0 | 3.0 | STF |
| <big> | Defines big text | 3.0 | 3.0 | STF |
| <strong> | Defines strong text | 3.0 | 3.0 | STF |
| <small> | Defines small text | 3.0 | 3.0 | STF |
| <sup> | Defines superscripted text | 3.0 | 3.0 | STF |
| <sub> | Defines subscripted text | 3.0 | 3.0 | STF |
| <bdo> | Defines the direction of text display | 6.2 | 5.0 | STF |
| <u> | Deprecated. Defines underlined text | 3.0 | 3.0 | TF |
| Output | ||||
| <pre> | Defines preformatted text | 3.0 | 3.0 | STF |
| <code> | Defines computer code text | 3.0 | 3.0 | STF |
| <tt> | Defines teletype text | 3.0 | 3.0 | STF |
| <kbd> | Defines keyboard text | 3.0 | 3.0 | STF |
| <var> | Defines a variable | 3.0 | 3.0 | STF |
| <dfn> | Defines a definition term | 3.0 | STF | |
| <samp> | Defines sample computer code | 3.0 | 3.0 | STF |
| <xmp> | Deprecated. Defines preformatted text | 3.0 | 3.0 | |
| Blocks | ||||
| <acronym> | Defines an acronym | 6.2 | 4.0 | STF |
| <abbr> | Defines an abbreviation | 6.2 | STF | |
| <address> | Defines an address element | 4.0 | 4.0 | STF |
| <blockquote> | Defines a long quotation | 3.0 | 3.0 | STF |
| <center> | Deprecated. Defines centered text | 3.0 | 3.0 | TF |
| <q> | Defines a short quotation | 6.2 | 4.0 | STF |
| <cite> | Defines a citation | 3.0 | 3.0 | STF |
| <ins> | Defines inserted text | 6.2 | 4.0 | STF |
| <del> | Defines deleted text | 6.2 | 4.0 | STF |
| <s> | Deprecated. Defines strikethrough text | 3.0 | 3.0 | TF |
| <strike> | Deprecated. Defines strikethrough text | 3.0 | 3.0 | TF |
| Links | ||||
| <a> | Defines an anchor | 3.0 | 3.0 | STF |
| <link> | Defines a resource reference | 4.0 | 3.0 | STF |
| Frames | ||||
| <frame> | Defines a sub window (a frame) | 3.0 | 3.0 | F |
| <frameset> | Defines a set of frames | 3.0 | 3.0 | F |
| <noframes> | Defines a noframe section | 3.0 | 3.0 | TF |
| <iframe> | Defines an inline sub window (frame) | 6.0 | 4.0 | TF |
| Input | ||||
| <form> | Defines a form | 3.0 | 3.0 | STF |
| <input> | Defines an input field | 3.0 | 3.0 | STF |
| <textarea> | Defines a text area | 3.0 | 3.0 | STF |
| <button> | Defines a push button | 6.2 | 4.0 | STF |
| <select> | Defines a selectable list | 3.0 | 3.0 | STF |
| <optgroup> | Defines an option group | 6.0 | 6.0 | STF |
| <option> | Defines an item in a list box | 3.0 | 3.0 | STF |
| <label> | Defines a label for a form control | 6.2 | 4.0 | STF |
| <fieldset> | Defines a fieldset | 6.2 | 4.0 | STF |
| <legend> | Defines a title in a fieldset | 6.2 | 4.0 | STF |
| <isindex> | Deprecated. Defines a single-line input field | 3.0 | 3.0 | TF |
| Lists | ||||
| <ul> | Defines an unordered list | 3.0 | 3.0 | STF |
| <ol> | Defines an ordered list | 3.0 | 3.0 | STF |
| <li> | Defines a list item | 3.0 | 3.0 | STF |
| <dir> | Deprecated. Defines a directory list | 3.0 | 3.0 | TF |
| <dl> | Defines a definition list | 3.0 | 3.0 | STF |
| <dt> | Defines a definition term | 3.0 | 3.0 | STF |
| <dd> | Defines a definition description | 3.0 | 3.0 | STF |
| <menu> | Deprecated. Defines a menu list | 3.0 | 3.0 | TF |
| Images | ||||
| <img> | Defines an image | 3.0 | 3.0 | STF |
| <map> | Defines an image map | 3.0 | 3.0 | STF |
| <area> | Defines an area inside an image map | 3.0 | 3.0 | STF |
| Tables | ||||
| <table> | Defines a table | 3.0 | 3.0 | STF |
| <caption> | Defines a table caption | 3.0 | 3.0 | STF |
| <th> | Defines a table header | 3.0 | 3.0 | STF |
| <tr> | Defines a table row | 3.0 | 3.0 | STF |
| <td> | Defines a table cell | 3.0 | 3.0 | STF |
| <thead> | Defines a table header | 4.0 | STF | |
| <tbody> | Defines a table body | 4.0 | STF | |
| <tfoot> | Defines a table footer | 4.0 | STF | |
| <col> | Defines attributes for table columns | 3.0 | STF | |
| <colgroup> | Defines groups of table columns | 3.0 | STF | |
| Styles | ||||
| <style> | Defines a style definition | 4.0 | 3.0 | STF |
| <div> | Defines a section in a document | 3.0 | 3.0 | STF |
| <span> | Defines a section in a document | 4.0 | 3.0 | STF |
| Meta Info | ||||
| <head> | Defines information about the document | 3.0 | 3.0 | STF |
| <title> | Defines the document title | 3.0 | 3.0 | STF |
| <meta> | Defines meta information | 3.0 | 3.0 | STF |
| <base> | Defines a base URL for all the links in a page | 3.0 | 3.0 | STF |
| <basefont> | Deprecated. Defines a base font | 3.0 | 3.0 | TF |
| Programming | ||||
| <script> | Defines a script | 3.0 | 3.0 | STF |
| <noscript> | Defines a noscript section | 3.0 | 3.0 | STF |
| <applet> | Deprecated. Defines an applet | 2.0 | 3.0 | TF |
| <object> | Defines an embedded object | 3.0 | STF | |
| <param> | Defines a parameter for an object | 3.0 | 3.0 | STF |
파워포인트로 포스터 프리젠테이션하기
학회 또는 전시회 등에서 자신의 논문이나 작품을 소개하기 위하여 포스터(또는 패널)을 전시하게 된다. 포스터를 위해서 포토샵, 일러스트레이터, 코렐드로우 등 여러 컴퓨터 그래픽 관련 프로그램을 사용하게 되나, 손쉽게는 파워포인트를 이용하여 제작할 수 있다.
파워포인트를 이용하여 포스터 제작하는 방법은 다음과 같다.
1. 파워포인트로 프로그램을 실행합니다.
슬라이드 구성 선택 중 디자인 서식파일에서 빈문서의 기본 디자인을 선택합니다.
2. 상단 메뉴중 ‘파일’ — ‘페이지 설정‘을 클릭합니다.
3. ‘슬라이드 크기‘는 ‘사용자 지정’, ‘너비’는 90 cm(원하는 크키)로, ‘높이’는 120 cm(원하는 크기)로 변경합니다.
* 포스터의 한쪽 크기가 142.22 cm를 넘을 경우! – 비례로 계산해서 줄여서 작업해야 합니다.
->축소비율을 가로세로 모두 50%로 설정하여 작업하고, 출력시 200%확대해서 출력합니다.
4. 출력용 양식은 한 화면에서 한장의 파일로 만들어야 선명한 품질의 포스터를 만들 수 있습니다.
5. 먼저 제목, 배경, 방법, 결과, 결론 등에 해당되는 글상자 Box를 만들어 주어야 합니다.
6. 상단 메뉴의 ‘삽입’ — ‘텍스트 상자’ — ‘가로’를 클릭한 후 들어갈 내용을 감안하여 영역을 지정 합니다.
7. 각 텍스트 상자안에 내용을 입력하기 위해 상단 도구모음 줄의 크기를 키워서 (12 % 를 50 % 로 변경) 작업 합니다.
8. 제목 글씨 크기는 70 – 90 정도로 설정 합니다.
저자의 글씨크기는 40 – 50 정도로 설정 합니다.
본문내용 글씨 크기는 20 – 28 정도로 합니다.
9. 그림파일을 삽입할 경우 해당 그림 복사 후 원하는 위치에 붙여넣습니다.
출처: 웹포스터 http://webposter.co.kr/
참고할 만한 사이트는 다음과 같다.
[포스터 프리젠테이션을 위한 조언]
http://www.cmu.edu/identity/ 스타일 가이드
http://www.swarthmore.edu/NatSci/cpurrin1/posteradvice.htm
http://www.nursing.ufl.edu/ors/services.htm#temptips
http://www.uic.edu/pharmacy/faculty/powerpoint_poster_templates.htm
http://www.ices.cmu.edu/posters.html
http://miu.med.unsw.edu.au/downloads.htm#Scientific%20poster%20templates
http://www.osti.gov/em52/workshop/tips-exhibits.html
http://www.aspb.org/education/poster.cfm
http://www.ices.cmu.edu/ppt_templates.zip
굴림 vs 굴림체
코딩을 하면서 글꼴 설정할 때, 고정폭 글꼴을 사용하는 것이 좋다.
모든 문자의 폭이 일정하기 때문에, 각각의 문자가 수직으로 잘 정리되고 중복된 띄어쓰기를 쉽게 구분할 수 있다.
영문의 경우 : FixedSys 또는 Courier New를 선택하면 좋을 듯 (개인의 취향에 따라 달라짐)
국문의 경우 : 바탕체, 굴림체, 돋움체 등과 같이 그 끝이 ‘체’로 끝나는 글꼴
<참고>
가변폭 글꼴 : 굴림, 돋움, 바탕
고정폭 글꼴 : 굴림체, 돋움체, 바탕체
print$ 공유폴더 문제
print$(C:\WINDOWS\System32\spool\drivers) 관리목적 공유폴더는 여러대의 컴퓨터가 프린터를 공유해서 사용할 경우 프린터 설치를 위한 프린터 드라이버가 저장되어 있는 곳 입니다.
따라서, 공유를 해제한다고 해서 프린터를 사용할 수 없는 일은 발생하지 않습니다.
가정이나 개인용으로 사용하신다면 당연히 공유기능을 해제하거나 중지시키시기 바랍니다.
1. 먼저 자신의 컴퓨터 공유 폴더 상황 체크하기
[시작] →[실행] 창에서 fsmgmt.msc 입력 후 엔터 하시면 현재 공유폴더 상황이 공유폴더 창으로 나타나게 됩니다. (윈Xp)
참고 : 윈98 -> netwatch 명령어로 확인 가능함(윈도우 추가 설치 필요)
2. 필요없는 공유 설정 해제 하기
거기에서 공유를 해제하거나 중지하고 싶으실 경우, 오른쪽 마우스 클릭 -> [공유중지] 하시면 됩니다.
참고 : 윈도우 보안 설정 관련 레지스트리 설정하기(보안상 중요합니다. 확인하시기 바랍니다.)
[시작] – [실행] – regedit 입력 후 작업 시작! (단, 초보자분들은 권장 안함)
1. 원격 사용자의 CD-ROM, FDD 사용 조작 차단
HKLM/Software/Microsoft/WindowsNT/CurrentVersion/Winlogon 항목에
→ AllocateFloppies 값 추가, “1”로 set (데이터 형식 : REG_SZ)
→ AllocateCDRoms 의 값 추가, “1”로 set (데이터 형식 : REG_SZ)
2. 불필요한 관리 목적 공유 차단하기
HKLM/System/CurrentControlSet/Services/LanmanServer/Parameters 항목에
→ AutoShareServer (win2k의 경우 AutoShareWks) 항목을 REG_DWORD 형식으로 값 추가 후 “0” 으로 설정 // 관리자를 위한 숨겨진 공유가 필요없다면 disable 하는 기능
3. 외부에서 System으로의 모든 공유를 차단하되 System에서 외부로의 공유는 허용하기
HKLM/System/CurrentControlSet/Services/LanmanServer 의 Start 항목을 “3”으로 set (default = 2)
HKLM/System/CurrentControlSet/Services/Browser 의 Start 항목을 “3”으로 set (default = 2)
4. Null 세션 차단하기(익명 사용자 접근 차단)
HKLM/System/CurrentControlSet/ControlLSA → RestrictAnonymous 값을 REG_DWORD 형식으로 하여 “1” 로 set
Protected: 남극이 북극보다 추운 이유는
문자열을 읽어서 단어로 나누어 주는 함수 짜기
입력받은 문자열을 쉼표와 빈칸에 따라 단어를 나누어 준다.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 |
Function GetWords(ByVal TextLine As String, ByVal ParamArray Separators() As Char) As String() ' ' 입력받은 문자열을 쉼표와 빈칸에 따라 단어를 나누어 준다. ' divide character string into separate words according to period and blank space. ' 'Revision History ' &amp;nbsp;Written by Yong-Yee Kim, 2005/11/25 ' Dim MySeparators() As Char = {","c, ":"c, "|"c, ";"c, """"c, "'"c} '기본 구분자 = 쉼표, 콜론, 파이프, 세미콜론, 큰따옴표, 작은따옴표 Dim Words() As String = {} ' '1)문자열 시작과 끝의 공백을 제거한다. TextLine = TextLine.Trim() ' '2)문자열을 구분자(쉼표)를 통하여 분할한다. If Separators.Length &amp;gt; 0 Then MySeparators = Separators End If Dim Tokens() As String = TextLine.Split(MySeparators) ' '3)얼마나 많은 단어가 존재하는가? Dim nums As Integer = 0 For i As Integer = 0 To Tokens.Length - 1 If Tokens(i).Trim.Length &amp;gt; 0 Then '빈 문자열의 단어는 제외시킴 nums += 1 End If Next i ' '4)단어수만큼 배열을 할당 ReDim Words(nums - 1) ' '5)단어를 반환한다. Dim WordCount As Integer = 0 For j As Integer = 0 To Tokens.Length - 1 If Tokens(j).Trim.Length &amp;gt; 0 Then Words(WordCount) = Tokens(j).Trim WordCount += 1 End If Next j ' Return Words End Function |
여기서 3)과 5)가 많이 비슷하고 중복된 것으로 느낄 것이다.
그래서 어느 한 쪽을 지워버리면 어떤 일이 생길까?
시간이 되시면 한 번씩 해보면 좋을 것 같다.
결론부터 말하자면, 빈 문자열도 하나의 단어처럼 취급될 수 있다.
즉, 원하는 결과를 제대로 얻을 수 없다.
[사용법]
|
1 2 3 |
Dim Words() As String = Getwords("김창선, 4", ",") '문자열을 쉼표로 구분하라 'Words(0) 의 내용은 "김창선" 'Words(1)의 내용은 "4" |