Cascading Style Sheets(CSS)는 문서가 사용자에게 어떻게 보여질가를 기술하는 언어이다.
HTML,XML과 같은 문서의 스타일을 꾸밀 때 사용하는 스타일 시트 언어입니다.
HTML로 문서의 틀을 만들고 그 틀을 화려하게 꾸밀 수 있습니다.
가령 글꼴, 배경색, 위치 등을 지정하여 보여줄 수 있습니다.
스타일 시트 꾸미는 법은
1. HTML 문서 안에 Style 속성으로 사용하는 방법
2.Style 태그 사용하는 방법
3. CSS 파일을 별도로 만들어서 HTML 문서에 연결시키는 방법이 있습니다.
글만 있으니 너무 딱딱하죠? 다음 시간부터는 직접 만들어 보겠습니다~
| Box Model (0) | 2020.01.08 |
|---|---|
| CSS Syntax (0) | 2020.01.07 |
| CSS 적용방법 (0) | 2015.09.05 |
지난 시간에는 이미지에 대해 배웠으면 이번시간은 iframe에 대해 배우겠습니다.
문서 내에 다른 문서를 불러들이는 방법은 <iframe>을 사용합니다. 원래 HTML5에서 <frameset>을 폐지하였는데, 거기에 속하는 <iframe>은 불행중(?) 다행스럽게도 남아있습니다. 보안에 문제를 가지고 있는 <iframe>은 HTML5의 'sandbox' 속성으로 <iframe>으로 연결된 문서 내의 스크립트가 실행되지 않도록 할 수 있습니다.
1. 아이프레임 기초
아래와 같이 <body></body>사이에 넣으시면 되요.
아래와 같이 브라우저 내에 다른 문서를 부르게 되는거죠. 옛날엔 많이들 보셨을거예요~
예제파일 다운받기 : 
html5_6_1.html
문서를 'src' 뿐만 아니라 HTML5에서 추가된 것으로는 'srcdoc'이며 크롬, 파이어폭스, 사파리6+ 그리고 오페라15+ 에서만 확인이 됩니다.
아래와 같이 사용하면 됩니다.
아래는 실행 화면이구요~
예제파일 다운 받기 : html5_6_2.html
| 이미지 요소들 (0) | 2015.08.10 |
|---|---|
| 앵커(Anchor) (0) | 2015.08.07 |
| 테이블 요소 (0) | 2015.08.02 |
| HTML5 기본 태그(3) (0) | 2015.07.27 |
| HTML5 기본 태그(2) (0) | 2015.07.24 |
