[HTML] Tag ; code, col, colgroup, command
[HTML] Tag ; code, col, colgroup, command
[HTML] Tag ; code, col, colgroup, command
04. [ code ]
☞ 정의 : code요소는 컴퓨터 코드를 나타냅니다.
☞ 설명 : XML요소 이름, 파일 이름, 컴퓨터 프로그램등 컴퓨터가 인식할수 있는 일련의 컴퓨터 코드를 나타냅니다.
example:
<!DOCTYPE html> <html> <body> <em>Emphasized text</em><br> <strong>Strong text</strong><br> <code>A piece of computer code</code><br> <samp>Sample output from a computer program</samp><br> <kbd>Keyboard input</kbd><br> <var>Variable</var> </body> </html>
05. [ col ]
☞ 정의 : col요소는 하나 이상의 행을 나타냅니다.
☞ 속성 :
- span : 연관된 열의 갯수를 지정합니다.
☞ 설명 :
- 부모 요소는 colgroup요소이며, 그것의 부모 요소는 table요소입니다.
- 표의 열에 대해 속성값과 스타일 공유를 위한 요소입니다.
- caption요소 바로 뒤에 thead요소와 tfoot요소, tbody요소 이전에 기술합니다.
example:
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
}
</style>
</head>
<body>
<table>
<colgroup>
<col span="2" style="background-color:red">
<col style="background-color:yellow">
</colgroup>
<tr>
<th>ISBN</th>
<th>Title</th>
<th>Price</th>
</tr>
<tr>
<td>3476896</td>
<td>My first HTML</td>
<td>$53</td>
</tr>
<tr>
<td>5869207</td>
<td>My first CSS</td>
<td>$49</td>
</tr>
</table>
</body>
</html>
06. [ colgroup ]
☞ 정의 : colgroup요소는 테이블에서 하나 이상의 행의 그룹을 나타냅니다.
☞ 속성 : span : 연관된 열의 갯수를 지정합니다.
☞ 설명 :
- 표의 열을 구조적인 그룹화를 위한 요소입니다.
- caption요소 바로 뒤에 thead요소와 tfoot요소, tbody요소 이전에 기술합니다.
- col요소를 포함할 수 있습니다.
example:
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
}
</style>
</head>
<body>
<table>
<colgroup>
<col span="2" style="background-color:red">
<col style="background-color:yellow">
</colgroup>
<tr>
<th>ISBN</th>
<th>Title</th>
<th>Price</th>
</tr>
<tr>
<td>3476896</td>
<td>My first HTML</td>
<td>$53</td>
</tr>
<tr>
<td>5869207</td>
<td>My first CSS</td>
<td>$49</td>
</tr>
</table>
</body>
</html>
07. [ command ]
☞ 정의 : command요소는 사용자가 실행할 수 있는 명령을 나타냅니다.
☞ 속성 :
- type : 명령의 종류를 지정합니다. 다음 세걔의 키워드와 상태를 갖습니다 . ◦command : 연합된 액션을 갖는 일반적인 명령을 나타냅니다.
- checkbox : 토글이 되는 옵션이나 상태를 나타냅니다.
- radio : 목록중에서 하나의 아이템의 선택을 나타냅니다.
- label : 커맨드의 이름을 주어 사용자에게 보여줍니다. 이 속성은 반드시 명시되어야 합니다.
- icon : 커맨드를 나타낼 그림을 지정합니다.
- disabled : 불리언 속성으로 커맨드가 현재상태에서 사용할 수 없음을 나타냅니다.
- checked : 불리언 속성으로 커맨드가 선택되었음을 나타냅니다. type속성이 checkbox, radio상태가 아니면 생략되어야만 합니다.
- radiogroup : 커맨드 자신이 토글되었을 때 토글된 커맨드 그룹에 이름이 주어집니다. type속성이 radio일 때만 사용할 수 있습니다.
☞ 설명 :
- command요소는 menu요소를 사용하여 컨텍스트 메뉴나 툴바의 일부가 될 수 있습니다.
- 페이지 어디에서나 사용될 수 있으며, 키보드의 숏컷으로 정의할 수 있습니다.
example:
<!DOCTYPE html>
<html>
<head>
<script>
function save()
{
alert("Some javaScript....");
}
</script>
</head>
<body>
<menu>
<command type="command" label="Save" onclick="save()">Save</command>
</menu>
<p><b>Note:</b> The type attribute is currently only supported in IE9. However, IE only supports the "command" type.</p>
</body>
</html>
'Web Design > HTML & HTML 5' 카테고리의 다른 글
| [HTML] Tag ; datalist, dd, del (0) | 2018.05.29 |
|---|---|
| [HTML] Tag ; canvas, caption, cite (0) | 2018.05.10 |
| [HTML] Tag ; body, br, button (0) | 2018.05.08 |
| [HTML] Tag ; bdo, big, blockquote (0) | 2018.05.08 |
| [HTML] Tag ; b, base, bdi (0) | 2018.05.08 |
나눔명조(나눔글꼴) - 상업용 무료폰트
나눔명조(나눔글꼴) - 상업용 무료폰트
※ 나눔글꼴의 종류
01. 나눔스퀘어라운드, [ 바로가기 ]
02. 나눔스퀘어, [ 바로가기 ]
03. 나눔바른펜, [ 바로가기 ]
04. 나눔바른고딕, [ 바로가기 ]
05. 나눔글꼴에코, [ 바로가기 ]
06. 나눔손글씨, [ 바로가기 ]
07. 나눔고딕, [ 바로가기 ]
08. 나눔명조. ☜
다운로드 사이트 : http://hangeul.naver.com/2017/nanum
'Web Design > Fonts' 카테고리의 다른 글
| 서울 한강체, 서울 남산체 - 상업용 무료폰트 (0) | 2018.05.29 |
|---|---|
| 탄제린 (Tangerine) 무료 영문폰트 - 디자인 & 웹폰트 (0) | 2018.05.29 |
| 나눔고딕(나눔글꼴) - 상업용 무료폰트 (0) | 2018.05.29 |
| 나눔손글씨 글꼴 - 상업용 무료폰트 (0) | 2018.05.29 |
| 나눔글꼴에코(나눔글꼴) - 상업용 무료폰트 (0) | 2018.05.29 |
나눔고딕(나눔글꼴) - 상업용 무료폰트
나눔고딕(나눔글꼴) - 상업용 무료폰트
※ 나눔글꼴의 종류
01. 나눔스퀘어라운드,
02. 나눔스퀘어,
03. 나눔바른펜,
04. 나눔바른고딕,
05. 나눔글꼴에코,
06. 나눔손글씨,
07. 나눔고딕, ☜
08. 나눔명조.
다운로드 사이트 : http://hangeul.naver.com/2017/nanum
'Web Design > Fonts' 카테고리의 다른 글
| 탄제린 (Tangerine) 무료 영문폰트 - 디자인 & 웹폰트 (0) | 2018.05.29 |
|---|---|
| 나눔명조(나눔글꼴) - 상업용 무료폰트 (0) | 2018.05.29 |
| 나눔손글씨 글꼴 - 상업용 무료폰트 (0) | 2018.05.29 |
| 나눔글꼴에코(나눔글꼴) - 상업용 무료폰트 (0) | 2018.05.29 |
| 나눔바른고딕(나눔글꼴) - 상업용 무료폰트 (0) | 2018.05.29 |
나눔손글씨 글꼴 - 상업용 무료폰트
나눔손글씨 글꼴 - 상업용 무료폰트
※ 나눔글꼴의 종류
01. 나눔스퀘어라운드,
02. 나눔스퀘어,
03. 나눔바른펜,
04. 나눔바른고딕,
05. 나눔글꼴에코,
06. 나눔손글씨, ☜
07. 나눔고딕,
08. 나눔명조.
다운로드 사이트 : http://hangeul.naver.com/2017/nanum
'Web Design > Fonts' 카테고리의 다른 글
| 나눔명조(나눔글꼴) - 상업용 무료폰트 (0) | 2018.05.29 |
|---|---|
| 나눔고딕(나눔글꼴) - 상업용 무료폰트 (0) | 2018.05.29 |
| 나눔글꼴에코(나눔글꼴) - 상업용 무료폰트 (0) | 2018.05.29 |
| 나눔바른고딕(나눔글꼴) - 상업용 무료폰트 (0) | 2018.05.29 |
| 나눔바른펜(나눔글꼴) - 상업용 무료폰트 (0) | 2018.05.14 |
나눔글꼴에코(나눔글꼴) - 상업용 무료폰트
나눔글꼴에코(나눔글꼴) - 상업용 무료폰트
※ 나눔글꼴의 종류
01. 나눔스퀘어라운드,
02. 나눔스퀘어,
03. 나눔바른펜,
04. 나눔바른고딕,
05. 나눔글꼴에코, ☜
06. 나눔손글씨,
07. 나눔고딕,
08. 나눔명조.
다운로드 사이트 : http://hangeul.naver.com/2017/nanum
'Web Design > Fonts' 카테고리의 다른 글
| 나눔고딕(나눔글꼴) - 상업용 무료폰트 (0) | 2018.05.29 |
|---|---|
| 나눔손글씨 글꼴 - 상업용 무료폰트 (0) | 2018.05.29 |
| 나눔바른고딕(나눔글꼴) - 상업용 무료폰트 (0) | 2018.05.29 |
| 나눔바른펜(나눔글꼴) - 상업용 무료폰트 (0) | 2018.05.14 |
| 나눔스퀘어(나눔글꼴) - 상업용 무료폰트 (0) | 2018.05.14 |
나눔바른고딕(나눔글꼴) - 상업용 무료폰트
나눔바른고딕(나눔글꼴) - 상업용 무료폰트
※ 나눔글꼴의 종류
01. 나눔스퀘어라운드,
02. 나눔스퀘어,
03. 나눔바른펜,
04. 나눔바른고딕, ☜
05. 나눔글꼴에코,
06. 나눔손글씨,
07. 나눔고딕,
08. 나눔명조.
[ 다운로드 사이트 ] : http://hangeul.naver.com/2017/nanum
[ 나눔바른고딕 폰트 다운로드 ]
NanumFontSetup_TTF_BARUNGOTHIC_hangeulcamp.exe
'Web Design > Fonts' 카테고리의 다른 글
| 나눔손글씨 글꼴 - 상업용 무료폰트 (0) | 2018.05.29 |
|---|---|
| 나눔글꼴에코(나눔글꼴) - 상업용 무료폰트 (0) | 2018.05.29 |
| 나눔바른펜(나눔글꼴) - 상업용 무료폰트 (0) | 2018.05.14 |
| 나눔스퀘어(나눔글꼴) - 상업용 무료폰트 (0) | 2018.05.14 |
| 나눔스퀘어라운드(나눔글꼴) - 상업용 무료폰트 (0) | 2018.05.14 |
나눔바른펜(나눔글꼴) - 상업용 무료폰트
나눔바른펜(나눔글꼴) - 상업용 무료폰트
※ 나눔글꼴의 종류
01. 나눔스퀘어라운드,
02. 나눔스퀘어,
03. 나눔바른펜, ☜
04. 나눔바른고딕,
05. 나눔글꼴에코,
06. 나눔손글씨,
07. 나눔고딕,
08. 나눔명조.
다운로드 사이트 : http://hangeul.naver.com/2017/nanum
'Web Design > Fonts' 카테고리의 다른 글
| 나눔글꼴에코(나눔글꼴) - 상업용 무료폰트 (0) | 2018.05.29 |
|---|---|
| 나눔바른고딕(나눔글꼴) - 상업용 무료폰트 (0) | 2018.05.29 |
| 나눔스퀘어(나눔글꼴) - 상업용 무료폰트 (0) | 2018.05.14 |
| 나눔스퀘어라운드(나눔글꼴) - 상업용 무료폰트 (0) | 2018.05.14 |
| 탄제린 (Tangerine) 무료폰트 (0) | 2018.05.13 |
나눔스퀘어(나눔글꼴) - 상업용 무료폰트
나눔스퀘어(나눔글꼴) - 상업용 무료폰트
※ 나눔글꼴의 종류
01. 나눔스퀘어라운드,
02. 나눔스퀘어, ☜
03. 나눔바른펜,
04. 나눔바른고딕,
05. 나눔글꼴에코,
06. 나눔손글씨,
07. 나눔고딕,
08. 나눔명조.
다운로드 사이트 : http://hangeul.naver.com/2017/nanum
'Web Design > Fonts' 카테고리의 다른 글
| 나눔바른고딕(나눔글꼴) - 상업용 무료폰트 (0) | 2018.05.29 |
|---|---|
| 나눔바른펜(나눔글꼴) - 상업용 무료폰트 (0) | 2018.05.14 |
| 나눔스퀘어라운드(나눔글꼴) - 상업용 무료폰트 (0) | 2018.05.14 |
| 탄제린 (Tangerine) 무료폰트 (0) | 2018.05.13 |
| [FONT] 무료폰트- 본고딕/본명조 ( Noto Sans CJK Kr/Noto Serif CJK Kr ) (0) | 2018.05.11 |
나눔스퀘어라운드(나눔글꼴) - 상업용 무료폰트
나눔스퀘어라운드(나눔글꼴) - 상업용 무료폰트
※ 나눔글꼴의 종류
01. 나눔스퀘어라운드, ☜
02. 나눔스퀘어,
03. 나눔바른펜,
04. 나눔바른고딕,
05. 나눔글꼴에코,
06. 나눔손글씨,
07. 나눔고딕,
08. 나눔명조.
다운로드 사이트 : http://hangeul.naver.com/2017/nanum
'Web Design > Fonts' 카테고리의 다른 글
| 나눔바른고딕(나눔글꼴) - 상업용 무료폰트 (0) | 2018.05.29 |
|---|---|
| 나눔바른펜(나눔글꼴) - 상업용 무료폰트 (0) | 2018.05.14 |
| 나눔스퀘어(나눔글꼴) - 상업용 무료폰트 (0) | 2018.05.14 |
| 탄제린 (Tangerine) 무료폰트 (0) | 2018.05.13 |
| [FONT] 무료폰트- 본고딕/본명조 ( Noto Sans CJK Kr/Noto Serif CJK Kr ) (0) | 2018.05.11 |
탄제린 (Tangerine) 무료폰트
Tangerine 폰트 다운로드 설치 및 사용법
구글 폰트 다운로드 사이트 : https://fonts.google.com/?query=tangerine
01. 위의 사이트에 접속합니다.
02. (1)검색창에 Tangerine로 검색하면 그림과 같이 나오는데 여기서 (2) + 를 클릭합니다.
03. 그림과 같이 사용법 및 다운로드를 위한 창이 나타납니다.
(3) 탄저린 폰트(Tangerine)를 다운로드 합니다. - 디자인에 사용
(A) 웹폰트로 사용시 embed 링크 방법
Standard :
<link href="https://fonts.googleapis.com/css?family=Tangerine" rel="stylesheet">
@import :
<style>
@import url('https://fonts.googleapis.com/css?family=Tangerine');
</style>
(B) 웹폰트 사용시 CSS 폰트 적용법
font-family: 'Tangerine', cursive;
'Web Design > Fonts' 카테고리의 다른 글
| 나눔바른고딕(나눔글꼴) - 상업용 무료폰트 (0) | 2018.05.29 |
|---|---|
| 나눔바른펜(나눔글꼴) - 상업용 무료폰트 (0) | 2018.05.14 |
| 나눔스퀘어(나눔글꼴) - 상업용 무료폰트 (0) | 2018.05.14 |
| 나눔스퀘어라운드(나눔글꼴) - 상업용 무료폰트 (0) | 2018.05.14 |
| [FONT] 무료폰트- 본고딕/본명조 ( Noto Sans CJK Kr/Noto Serif CJK Kr ) (0) | 2018.05.11 |
