수업에서 사용했던 다양한 코드들을 명시해 두었습니다. 해당 코드는 설명이 달려있지 않으니 PDF로 인쇄하시는 분들은 코딩노트를 활용해 설명을 기입해주세요.
test.html
<html>
<head>
</head>
<body>
<h1>Atom</h1>
<p>github에서 만든 무료 Editer</p>
<h1>sublime</h1>
<p>많은 점유율을 차지하고 있는 부분무료 Editer</p>
<h1>visual studio code</h1>
<p>microsoft에서 만든 무료 editer, visual studio와 다른 에디터 입니다!</p>
</body>
</html>
emmet_사용법.html
<!DOCTYPE html>
<html>
<head>
<title>emmet실습</title>
</head>
<body>
<!--메모장도 사용해볼것-->
h1
h1+h1+p
h1*3
h1{hello world}*10
h1#hojun
h1.hoju
(div>table>(tr>(td*2))*3)+(footer>p)
div#one.c1.c2.c3
ul>li.item$*5
a{Click}
lorem
<!--
Ctrl + \\ : 토글 보이기
Ctrl + O : 파일 열기
Ctrl + P : 프로젝트 검색
Ctrl + F : 열려 있는 파일 내에서 검색
Ctrl + Shift + F : 열려 있는 전체 프로젝트 내에서 검색
Ctrl + , : Settings
Ctrl + N : 새로운 파일
Ctrl + S : 파일 저장
Ctrl + Shift + S :다른 이름으로 저장
Shift + del : 라인 지우기
Ctrl + 클릭 : 여러줄 입력
-->
</body>
</html>
001.html
<!DOCTYPE html>
<html>
<head>
<title>Document</title>
</head>
<body>
<h1>글자 태그</h1><br>
<p>H<sub>2</sub>0</p>
<p>x<sup>2</sup>=4</p>
<p>
Lorem <br> ipsum
<hr> dolor sit amet
<a href="leehojun/a.html">click </a>
<strong>hello</strong>
adipisicing <b>elit</b>.
Quae <em>quisquam </em>
aperiam, <i> autem </i>, excepturi
<mark> corrupti </mark> architecto facilis saepe
</p>
</body>
</html>
002.html
<!DOCTYPE html>
<html>
<head>
<title> Document </title>
</head>
<body>
<h1>Front-End</h1>
<ol type="A">
<li>HTML</li>
<li>CSS</li>
<li>Javacript</li>
<li>Jquery</li>
<li>Bootsrap</li>
</ol>
<h1>Back-End</h1>
<ul>
<li>Python</li>
<li>Django</li>
</ul>
<dl>
<dt>HTML</dt>
<dd>마크업 언어입니다.</dd>
</dl>
<div>hello</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title> Document </title>
</head>
<body>
<h1>Front-End</h1>
<ol type="A">
<li>HTML</li>
<li>CSS</li>
<li>Javacript</li>
<li>Jquery</li>
<li>Bootsrap</li>
</ol>
<h1>Back-End</h1>
<ul>
<li>Python</li>
<li>Django</li>
</ul>
<dl>
<dt>HTML</dt>
<dd>마크업 언어입니다.</dd>
</dl>
<div>hello</div>
</body>
</html>
003.html
<!DOCTYPE html>
<html>
<head><title>document</title></head>
<body>
<img src="img/a.jpg" alt="이미지 없음.">
<iframe width="1280" height="720" src="<https://www.youtube.com/embed/-iuX3r8PSzU>" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
</iframe>
</body>
</html>
004.html