[출처] https://opentutorials.org/course/2039/10930
기술소개 - 생활코딩
기술소개 2015-12-05 10:55:56
opentutorials.org
기본 문법 - ! + Tap key
<!DOCTYPE html>
<html>
<head>
<title>HTML - 수업소개</title> <!-- 웹브라워저 탭에 표시되는 제목 -->
<meta charset="utf-8"> <!-- 전체 인코딩 설정 -->
<!-- 모바일기기 최적화 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<h1>HTML</h1>
<ol>
<li>기술소개</li>
<li>기본문법</li>
<li>하이퍼텍스트와 속성</li>
<li>리스트와 태그의 중첩</li>
</ol>
<h2>선행학습</h2>
본 수업을 효과적으로 수행하기 위해서는 웹애플리케이션에 대한 전반적인 이해가 필요합니다. 이를 위해서 준비된 수업은 아래 링크를 통해서 접근하실 수 있습니다.
</body>
</html>
예제 파일
1) index.html
<!DOCTYPE html>
<html>
<head>
<title>HTML - 수업소개</title>
<meta charset="utf-8">
</head>
<body>
<h1><a href="index.html">HTML</a></h1>
<ol>
<li><a href="1.html">기술소개</a></li>
<li><a href="2.html">기본문법</a ></li>
<li><a href="3.html">하이퍼텍스트와 속성</a></li>
<li><a href="4.html">리스트와 태그의 중첩</a></li>
</ol>
<h2>선행학습</h2>
본 수업을 효과적으로 수행하기 위해서는 웹애플리케이션에 대한 전반적인 이해가 필요합니다. 이를 위해서 준비된 수업은 아래 링크를 통해서 접근하실 수 있습니다.
</body>
</html>
2) 1.html
<!DOCTYPE html>
<html>
<head>
<title>HTML - 수업소개</title>
<meta charset="utf-8">
</head>
<body>
<h1><a href="index.html">HTML</a></h1>
<ol>
<li><a href="1.html">기술소개</a></li>
<li><a href="2.html">기본문법</a></li>
<li><a href="3.html">하이퍼텍스트와 속성</a></li>
<li><a href="4.html">리스트와 태그의 중첩</a></li>
</ol>
<h2>기술소개</h2>
HTML은 HyperText Markup Language의 약자로서 웹페이지를 만드는 언어입니다.
</body>
</html>
링크 달기
<a target="_blank" href="test.html">링크 테스트</a>
리스트
<ol>
<li>기술소개</li>
<li>기본문법</li>
<li>하이퍼텍스트와 속성</li>
<li>리스트와 태그의 중첩</li>
</ol>
<ul>
<li>최진혁</li>
<li>최유빈</li>
<li>한이람</li>
<li>한이은</li>
</ul>
https://opentutorials.org/course/1058
HTML 사전 - 생활코딩
본 코스는 HTML의 사용법을 찾아 볼 수 있는 사전 입니다. 본 코스는 리체님의 HTML 5 Tag Dictionary 모듈을 사용하고 있습니다. 좋은 사전을 만들어주신 리체님 감사합니다. ^^
opentutorials.org
'WEB' 카테고리의 다른 글
| [ HTML ] 입력 양식 (0) | 2023.04.12 |
|---|---|
| [ HTML ] 기본3 (0) | 2023.04.12 |
| [ HTML ] HTML 주요 Tag (0) | 2023.04.11 |
댓글