반응형

<blockquote>,<q> 태그 

- 블럭단위의 긴 인용문은 <blockquote> 태그를, 인라인 단위의 짧은 인용문은 <q>  태그를 사용한다

- cite 속성에는 인용한 웹사이트의 URL 주소를 기재.

- title 속성에는 접근성을 위해 글에대한 제목/상세 설명을 기재

<blockquote>를사용하면 티스토리에서는 이렇게 나타낸다

<abbr>,<acronym> 태그

abbr => 축약어 한글자씩 읽는다

acronym => 두문자어 약어를 그대로 발음한다.

 

 

<ins>,<del> 태그

- 인라인 요소 

- 문서에 추가된 내용이나 삭제된 내용을 명시할 때 사용한다.

ex1) <ins>를 사용하면 텍스트 하단에 밑줄이 그어진다.

ex2)<del>을 사용하면 텍스트 중간에 밑줄이 그어진다
    

 

<sup>,<sub> 태그

- 수학 공식에 사용되는 수식이나 원소기호를 나타낼 때 사용하는 윗첨자와(sup) 아랫첨자 (sub )

ex) H2O, 22

 

 

<address>태그

- 블럭요소

- 사용시 기본 이탤릭체가 설정되어있다. 보통 none값으로 사용한다.

ex) 서울시 뭐라구 홍길동 123번지

 

 

 

반응형

'IT 공부 > Programming' 카테고리의 다른 글

<CSS3> 3강 CSS기본 규칙  (0) 2020.06.10
<CSS3> 2강 CSS단위  (0) 2020.06.09
<HTML5> 7강 img 태그 / <map> 태그  (0) 2020.06.08
<CSS3> 1강 CSS란, CSS 적용 방법  (0) 2020.06.08
<HTML5> 6강 dl, dt, dd 정의형 목록태그  (0) 2020.06.05
반응형

<img> 태그

- image 의 약자

- 이미지를 처리하는 태그이다.
- inline 요소 (하위계층)
- 시작태그로만 구성되어있다.(닫는태그가 없다.)

- width height 값으로 사이즈를 조정할 수 있다.

- alt 값은 그래픽 정보를 접할 수 없는 사람들을 위한 텍스트 정보로 사진에 대한 설명을 기재한다.(의미없는 사진은 x)

- padding 속성을 갖을 수 없다

 

img태그 속성

- src="이미지 경로/파일명.확장자"  (source)

- alt="텍스트정보" (접근성-리더기가 읽는다)

   ex) <img src="이미지경로/파일명.jpg" alt="이미지">
    

css속성을 사용한 배경이미지 처리 

- background:url(이미지의경로) 위치 rpeat값 (repeat/no-repeat/repeat-x/repeat-y)

- top/bottom/left/right/center  px(left) px(top)/% % .

- 아무것도쓰지않으면 left top 을 기본값으로 가진다.

 

a태그를 사용한 링크 이미지

- 이미지태그를 a태그로 감싸면 이미지 태그에 하이퍼링크가 걸린다.

   ex) <a href="도메인주소" target="_blank><img src="이미지경로/파일명.jpg" alt="이미지"></a>

 

 

<map> 태그

- 이미지의 특정 부분을 지정 분할에서 링크를 연결하는 것.. 

- <area> 태그와 함께 사용해야 한다.

- shape는 이미지 크기를 지정한다

 - <map name> 이미지 맵의 이름을 지정한다. 여기 이름이 img태그의 usermap 속성에 사용된다.

 

ex)

<img src="도메인주소"  usemap="#imgMap">

<map name="imgMap">

  <area shape="rect" coords="1, 1, 2, 2" href="도메인주소" target="값" alt="값" />

  <area shape="rect" coords="4, 4, 6, 6" href="도메인주소" />

</map>

 

*맵은 수정중

반응형
반응형

CSS란

cascading style sheets의 약자로 소스 구성이나 배치등을 보완하기 위해 개발된 독립적인 언어이다.

html을 바탕으로 사용할 수 잇으며 html이 만든 뼈대위 옷을 입히는 역할로 디자인 기능을 수행한다

문서 전체의 일관성을 유지할 수 있고, 세세한 스타일 지정의 필요를 줄어들게 하였다.

CSS는 서버가 아닌 웹 브라우저에서 해석되어 화면에 적용되기 때문에 웹 서버의 부담을 줄여주면서도 다양한 기능을 수행할 수 있다.

CSS2 => CSS3 로 넘어오면서 adobe flash 기능을 대체하게 되었으며 css의 기능은 더욱더 확대될 전망이다.

 

 

css 사용

css 를 사용함으로써 웹 문서의 편집을 자유롭게 할 수 있고, 통일감있는 웹페이지를 만들수 있다. 

css 는html과 마찬가지로 소문자로 작성한다.

css 는 <style> 태그안에 작성한다.

css 는 html 태그에 직접 주는 인라인 스타일과 <head> 영역 안에 작성하는 임베디드 스타일, css파일을 만들어 링크로 연결하는 링크드 스타일로 사용한다.

 

 

css 적용 방법

 

1) 인라인 스타일,로컬 스타일 

- HTML 태그에 직접 적용하는 방법이다.

- 가장 직관적인 방법으로 간단한 코딩외에는 거의 사용하지 않는다.

 

2) 임베디드 스타일,페이지 스타일

- <head> 태그안에 적용하는 방법이다.

- 한곳에 코드가 모여있어 작은 업무를 수행할때 쓰는 방식이다.

 

3) 링크드 스타일

- .css 파일을 만들어서 연결하는 것으로 가장 적합한 방법이다.

- 프로젝트 크기가 어떠하든 링크드 방식을 사용하는게 적절하다.

ex)<link rel="stylesheet" href="css/ex.css"> - 태그명(선택자){속성:값; 속성:값; 속성:값: ...}

 

* 한페이지에 css 적용방법을 한번에 모두 동일하게 줄 경우 우선순위는 "우선순위 인라인 스타일>임베디드 스타일>링크드 스타일" 이다

 

정리

* css 는 링크드 스타일을 권장한다.

* css 는 html이 그린 뼈대위에 옷을 입히는 역할로 디자인 기능을 수행하고 있다. 초기에는 단순했던 css가 디자인 적으로 할 수 있는 기능이 많아지고 있다. 때문에 css를 잘 다루려면 포토샵, 일러스트 지식이 있어야한다.

* 이제는 웹 디자이너로써 프로그래밍을 알아야 하며 프로그래머로서 디자인을 알아야한다. 

 

반응형
반응형

국악기 소개 10번째  ‘단소’ 입니다.

어렸을 때 단소한번씩은 불러 보셨죠??

초등학교 음악시간에 중임중임 무황무황 태~ 하면서 아리랑을 불렀던 것 같은데 리코더와는 달리 소리내는게 참 어려웠던 것 같습니다.

혹시 여러분은 단소 전문가의 연주소리를 들어보셨나요??

소리가 너무너무 청아하고 아름답습니다. 아래 연주를 감상하면서 단소에 대해 알아볼까요?^^

 

김정승 - 청성 자진한잎

 

단소

단소이름에서 알 수 있듯 길이가 짧은 종적이라는 뜻으로 세로로 부는 관악기중 가장 짧은 악기 입니다.

뒤에 구멍 1개, 앞에 4개로 다른 악기들에 비해 비교적 구조가 단순합니다.

주 재질은 노란색을 띈 황죽과 3년이상 묵은 거무스름한 오죽을 주로 사용하며 지공이 앞에 4개 뒤에 1개 총 5개로 다른 악기들에 비해 비교적 구조가 단순합니다.

때문에 제작과 익히는 법이 쉽고 휴대가 간편해서 초등과정에 들어가 있습니다.

(플라스틱 단소는 보급용으로 제작된 것으로, 음정이 정확하게 조율되어 있어서 초보자용으로 적절하다고 합니다)

 

 

 

단소의 연주

단소는 청아한 음색을 가지고 있어 예전부터 독주악기로 애용되어왔습니다.

하지만 음량이 작아서 대규모 관악합주에는 편성되지 않고 악기소리보다 노랫소리가 주가 되는 가곡, 가사, 시조의 반주 악기로 편성되어 연주되고 있습니다.

또 단소 특유의 소리가 양금(양소병주)이나 생황(생소병주)과 잘 어울려 병주로 많이 연주되고 있습니다.

 

단소의 역사

단소는 문헌에서 잘 보이지 않아 정확한 기원을 알 수가 없습니다.

때문에 단소의 기원에 대해 여러 설들이 있는데 가장 설득력이 있는것은 단소의 구조나 지법등을 고려해서 볼때 조선 중기 이후에 퉁소의 한 변형으로 등장한 것으로 생각하고 있습니다. 단소가 본격적으로 등장하기 시작한 것은 조선 후기로 음악 애호가들이 모여 연주활동을 사사로이 벌이던 '풍류방'에 주로 연주된것으로 보고 있습니다.

그리고 현재에 이르러 단소의 기존 5음계(중임무황태)를 7음계로 계량한 단소들이 등장하고 있습니다.

 

단소의 종류

단소도 다른악기 와마찬가지로 정악단소, 평조단소, 산조단소 성격에따라 여러가지로 나뉩니다.

또한 단소의 짧은 음역대와 요성을 표현하기 어려운 단점을 개선하고자 개량되고 연주되어 구분되는데 국악기 특성상 음정이 정확하지 않고 단소는 짧은 음역대를 가지고 있는데 이렇게 종류를 나누는것이 그렇게 의미있어 보이지는 않습니다. (알팅생각)

 

마치며

어렸을때 힘들고 단순하게만 불었던 단소 이미지를 성인이 되어서까지 쭉 가지고 있다가 전문가의 현란한 단소 연주를 듣고 쇼크를 받은적이 있습니다.

화려한 꾸밈음과 맑은 소리가 이게 정말 단소인가 정신을 번쩍이게 했습니다.

단소연주를 현장에서 들을기회가 있으시다면 꼭 감상해보시길! 

 

 

반응형
반응형

'조씨고아, 복수의 씨앗' 은 동양의 햄릿'이라 찬사 받는 중국의 4대 비극 중 하나인 『조씨고아趙氏孤兒』를 21세기로 가져오면서 더욱 세심한 연출로 비극 속의 웃음과 공허를 찾아낸 예술성과 대중성을 고루 갖춘 훌륭한작품입니다.

2015년에 초연당시 동아연극상 대상, 대한민국연극대상 대상등 극찬을 받았는데욧, 17년 재공연에도 뜨거운 사랑을 받았다고 합니다.

 

창단 70주년을 맞는 국립극단에서 모든 연극 작품을 대상으로 '가장 보고 싶은 연극' 설문조사를 실시했고, '조씨고아, 복수의 씨앗'이 압도적인 표차이로 1위를 차지했는데요.

이 결과를 받아들여 국립극단에서는 창단 70주년 기념 공연으로 '조씨고아, 복수의 씨앗' 을 오는 6.25일 부터 한달동안 명동예술극장에서 선보이니다.

 

공연정보

공연일자 : 2020.6.25 (목) ~7.26(일)

공연시간 : 평일 19시 30분, 주말 15시, 화요일 쉼

공연장소 : 명동예술극장

티켓정보 : R석 5만원, S석 3만 5천원, A석 2만원, 다락석(시야제한석) 9천원

관람시간 : 150분

관람연령 : 만 14세 이상

문의전화 : 1644-2003

단체명 : 국립극단

원작 : 기군상

연출 : 고선웅

출연진
강득종 김도완 김명기 김정호(더블캐스팅) 성노진 우정원 유순웅 이영석 이지현 이형훈(더블캐스팅) 장두이 장재호 전유경 정진각 조연호 하성광 호산(더블캐스팅) 홍사빈(더블캐스팅)

 

※ <예술가와의 대화> 6/28(일) 공연 종료 후, 객석
출연 : 연출가 고선웅, 배우 하성광(정영 役), 배우 이형훈(조씨고아 役)
* 참석자는 변경될 수 있습니다.

예매하기

국립극단

국내 유일 국립극단

1950년에 창단된 국립극단은 60년이 넘는 시간동안 다양한 창작활동을 통하여 우리연극예술의 발전을 선도하고 공연예술인재를 양성하여 민족문화 창달에 힘써왔습니다. 이러한 역사를 바탕으로 대중이 신뢰할 수 있는 창작 작품개발과 국립극단의 예술적 성과 및 정체성을 담보할 수 있는 우수연극을 제작하여 국민들의 삶의 질을 향상시키고 국민으로부터 신뢰받는 국립극단을 만들겠습니다.

http://www.ntck.or.kr/ko

 

오시는 길

주소 : 서울 중구 명동길 35 명동예술극장

 

지하철 이용안내

2호선 을지로입구역 하차 → 명동예술극장 방면 6번 출구로 (324m 이동)

4호선 명동역 하차 → 명동예술극장 방면 6번 출구 (335m 이동)

 

버스 이용안내

명동국민은행 본점 앞

광역버스 : 9301, 9710, 9401, 5000, 5005, 5500, 5500-1, 8200, 1005-1, 1500

 

을지로 입구

간선버스 : 105, 149, 152, 261, 500, 202 ,472, 408

공항버스 : 6015

 

롯데백화점

간선버스 : 143, 151, 152, 202, 261, 262, 500, 501, 701, 702

지선버스 : 7017, 7021, 0014

광역버스 : 2100, 2300, 2500

 

롯데영프라자

간선버스 : 500, 103, 105, 143, 149, 151, 262, 401, 406, 202, 408, 152, 162, 163, 201, 261, 701

지선버스 : 0015, 7017, 7021, 7022

 

서울 백병원, 평화방송 정류장

간선버스 : 140, 471, 472, 408, 470

광역버스 : 1500, 5005, 5500, 5500-2, 8150, 9000, 9001, 9401

 

백병원 정류장

간선버스 : 470, 471, 472, 408

광역버스 : 1500, 5000, 5005, 5500, 5500-1, 5500-2, 9401, 8100, 8130, 8150, 8200, 9000, 9001

 

명동입구

간선버스 : 104, 105, 263, 507, 604

지선버스 : 7011, 0211, 0013

 

을지로 2가 기업은행 본점, 서울노동청

간선버스 : 149, 152, 202, 261, 472, 500, 501, 701, 702A,702B

지선버스 : 7017, 7021

광역버스 : 2100, 2300,2400, 2500

 

반응형

+ Recent posts