728x90
반응형
이전 포스팅의 코드를 이용하여 복습을 진행한다.
#4. 자바스크립트의 입출력
이전 포스팅의 복습 이전 포스팅에서는 자바스크립트의 태그 사용법과 함께 소스를 HTML 문서 안에 작성하거나 외부 스크립트 파일을 이용하여 각각의 파일을 하나의 객체로서 사용하는 방법을
udangtangtang-cording-oldcast1e.tistory.com
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
body {
font-size:1.3em;
text-align: center;
/* 모든 문장에 가운데 쓰기가 적용된다. */
}
</style>
</head>
<body>
<h1>환영합니다.</h1>
<script>
var name = prompt("이름을 입력하세요.");
document.write("<b>" + name + "</b>님 환영합니다.");
// var name = prompt("이름을 입력하세요.");
// document.write("<b><big>" + name + "</big></b>님, 환영합니다.");
</script>
</body>
</html>폰트/ 글씨 위치 설정: <style>
<head> 태그 안의 <style> 태그에서 처리한다. 이때, <style> 내의 body를 만들어야 함에 주의한다.
폰트와 글씨 크기 수정은 다음 코드를 이용한다.
font-size:1.3em;
text-align: center;
브라우저에서의 출력: <h1>
<body> 태그 내에서 출력 태그를 이용한다.
| <h1> | 제목을 표시하는 태그. 다른 텍스트 보다 진하게 표시된다. |
| <p> | 텍스트 단락의 표시한다. |
| <b> | 줄 바꿈 |
스크립트 설정: <script>
브라우저에서 스크립트 설정은 브라우저의 출력과 입력에 의해 일어나므로, <body> 태그에서 설정함을 잊지 않아야 한다.
따라서 <body> 태그 내에 <script> 태그를 생성하고, 변수 생성 및 문장 생성을 한다.
728x90
반응형
'JavaScript > [theory]' 카테고리의 다른 글
| [변수와 자료형] #2-1. 변수를 사용한 예제(1) (0) | 2022.09.25 |
|---|---|
| [변수와 자료형] #1. 변수와 <meta> 태그 (1) | 2022.09.21 |
| [자바스크립트의 기본 문법] #4-1. 자바스크립트의 입출력 (0) | 2022.09.20 |
| [자바스크립트의 기본 문법] #3. 자바스크립트 소스 작성 (2) | 2022.09.19 |
| [자바스크립트의 기본 문법] #2. 자바스크립트의 시작 (0) | 2022.09.19 |
