1. HTML과 CSS
- CSS(Cascading Style Sheets)
*CSS 적용 방법
(1) 인라인 스타일 // HTML style 속성을 사용하여 css 스타일을 적용.
<p style="color:green; text-decoration:underline"> 넘나 피곤 </p>
(2) 내부 스타일 시트 // HTML <head> 태그 내에 <style> 태그 사용
<head>
<style>
body {background-color: lightyellow;}
p {color:red; text-decoration: underline;}
</style>
</head>
(3) 외부 스타일 시트 // <head>태그 내에 <link>태그를 사용하여 외부 스타일 시트를 포함.
<link rel="stylesheet" href="/examples/media/expand_style.css">
expand_style.css
body { background-color: lightyellow; }
p { color: red; text-decoration: underline; }
2. HTML과 자바스크립트
- javascript는 객체 기반의 스크립트 언어.
- html로는 웹의 내용을 작성, css로는 웹을 디자인, 자바스크립트로는 웹의 동작을 구현.
<script>
document.getElementBtld("demo").innerHTML="자바스크립트를 배워보죠!";
</script>
<noscript>당신의 웹 브라우저는 자바스크립트를 지원하지 않습니다!</noscript> // 스크립트를 지원하지 않을때 보여주는 것.
'언어 > HTML_CSS' 카테고리의 다른 글
CSS 시작 (0) | 2018.11.07 |
---|---|
HTML 입력 양식 (3) | 2018.11.06 |
HTML 공간분할 (1) | 2018.11.04 |
HTML 기본요소 (1) | 2018.11.04 |
HTML 텍스트 요소- 인용구, 문자셋 (0) | 2018.11.02 |