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: redtext-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

+ Recent posts