[KH정보교육원 당산] 연습문제6 (UI)

Learn/KH정보교육원

[KH정보교육원 당산] 연습문제6 (UI)

Dahoon06 2021. 5. 20. 23:11

728x90

1.아래의 주소를 이용하여 구글 폰트 사용하는 방법을 적으시오,(<style>을 사용)

https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap

=><style>

@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap');

</style>

임포트 후 font-family로 적용

2.웹 폰트를 사용하려고 한다. 그 방법을 적으시오. (<style>을 사용)

=>@font-face { font-family: NanumSquareWeb; src: url(NanumSquareR.woff) format('woff') }

3.<body>
  <h1 class="shadow1">HTML</h1>
  <h1 class="shadow2">CSS</h1>
  <h1 class="shadow3">자바스크립트</h1>
</body>

=> <style>

.shadow1{

color:red;

}

.shadow2{

text-shadow: 4px 2px 2px yellow;

}

.shadow3{

color:#ffffff;

text-shadow: 6px 2px 2px gray;

}

</style>

4.<h1>유밥</h1>
  <ul>
    <li><a href="#">회사소개</a></li>
    <li><a href="#">도서</a></li>
    <li><a href="#">자료실</a></li>
    <li><a href="#">질문답변</a></li>
    <li><a href="#">동영상강의</a></li>
  </ul>
</body>

가로 출력 방법

=> <style>

ul lu {

list-style-type:none;

float: left;

outline:none;

margin-left:20px;

}

</style>

5.스타일 선언 및 사용하는 4가지 방법을 적으시오.

=> 1.Internal Style(헤드태그안에)

2. Inline Style (요소 내부안에)

3.External Style(css파일을 따로 만들어서 사용)

4.import

6. 스타일 우선 순위와 그 변경 방법을 적으시오

=>인라인(inline) > 내부(internal) > 외부(external) > 브라우저기본값

강제 적용 : !important 선언

7. <span></span>태그와 <div></div> 태그의 특징과 주된 활용방법을 적으시오.

=> span : 폭과 넓이를 지정하지 못하며 태그안의 내용만큼만 차지 한다.

div : 폭과 넓이를 지정 가능하며 태그안의 내용과 상관없이 한 라인을 다 자치하기 때문에 다른 div를 선언하면 줄바꿈이 일어난다.

8. html 태그들 중 서버로 전송하는 기능을 갖는 태그 사용방법을 적으시오

=> form태그

파일을 보낼때는 entype="multipart/form-data" 추가

9. 그림파일, mp4, mp3를 출력할 수 있는 태그를 적으시오.

=> 그림 파일 : <img src="그림파일 경로" width="" height="" / >

오디오 파일(mp3) : <audio controls loop autoplay><source src="mp3파일 경로" /></audio>

동영상파일(mp4) : <video controls loop autoplay width="" height=""><source src="mp4파일경오" type="video/mp4" /></video>

728x90

'Learn > KH정보교육원' 카테고리의 다른 글

[KH정보교육원 당산] 55일차(MVC예제 : 게시판 완성) (0)	2021.05.31
[KH정보교육원 당산] 53일차 ( model2 - MVC 예제: 게시판 리스트 /글 등록 ) (0)	2021.05.26
[KH정보교육원 당산] 49일차(CSS) (0)	2021.05.20
[KH정보교육원 당산] 48일차(이미지 슬라이드,온도 변환) (0)	2021.05.17
[JavaScript] 브라우저 환경 체크 (0)	2021.05.14

현재글[KH정보교육원 당산] 연습문제6 (UI)

Dahoon06 Store