코밍이의 하루

[HTML5] 소스 코드 표시하기 본문

웹언어 공부/HTML5

[HTML5] 소스 코드 표시하기

코밍이 2021. 8. 4. 02:44

1. 개발 환경

구분 내용
사용 언어 HTML5
개발환경 Visual Studio Code
참고 도서 [Do it] HTML5 + CSS3 웹 표준의 정석
웹브라우저 Chrome

 

2. 주요 문법

태그 내용
<pre> 입력하는 그대로 화면에 표시

 

3. 소스 코드

- text-2.html

 
<!DOCTYPE html>
<html lang="ko">
<head>
	<meta charset="utf-8">
	<title>로컬 스토리지(Local Storage)를 저장하는 함수</title>
</head>
<body>
	<h3>로컬 스토리지(Local Storage)를 저장하는 함수 :  </h3>
	<pre>
         function savetheLocal(){
              var second = document.getElementById("second");
              var thevalue = second.value;
              localStorage.setItem(1, thevalue);
              gettheLocal();
         }    
	</pre>
</body>
</html>

 

4. 실행 화면

text-2.html

 

저작자표시 비영리 변경금지

'웹언어 공부 > HTML5' 카테고리의 다른 글

[HTML5] 동아시아 글자 표시하기  (0) 2021.08.04
[HTML5] 일부 텍스트에만 스타일 적용하기  (0) 2021.08.04
[HTML5] 텍스트 인용하기  (0) 2021.08.04
[HTML5] 텍스트 강조하기  (0) 2021.08.04
[HTML5] 기본적인 텍스트 입력하기  (0) 2021.08.04
'웹언어 공부/HTML5' Related Articles more