- vscode html 작성시 사전 작업
가. title 태그에 제목 입력
나. html 태그 lang 속성에 ko 입력
- 글자관련 태그
- <h1> ~ <h6> : headline
- <b>, <strong> : 글자 굵기 넓어짐
* <strong> : 웹접근성
- <i>, <em> : 글자 기울기 커짐
* <em> : 웹접근성
- <hr> : 줄표시
- <small> : 작은글자 표시
- <mark> : 형광펜 효과
- <u> : 밑줄표시
- <s> : 취소선 표시
- <sup> : 윗첨자
- <sub> : 아랫첨자
- <abbr> : 툴팁 출력
- 목록관련 태그
- <ol> : 순서 없이 목록 출력
- <ul> : 순서대로 목록 출력
* type default : 1, reversed default false
- <li> : 목록태그에 순서 출력
- 연습문제
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>03_연습문제1</title>
</head>
<body>
<h1>(디지털컨버전스)공공데이터 융합 자바개발자 양성과정</h1>
<strong>담당 강사 : 조미현</strong>
<br>
<br>
이메일 : mihyun@iei.or.kr
<hr>
<ul>
<li>프로그래밍 언어
<ul>
<li><s>java</s></li>
</ul>
</li>
<li>데이터베이스
<ul>
<li><s>Oracle</s></li>
</ul>
</li>
<li>화면구현
<ol>
<li><mark>HTML5</mark></li>
<li>CSS3</li>
<li>Javascript</li>
<li>Ajax</li>
</ol>
</li>
<li>서버개발기술
<ol type="i">
<li><s>JDBC</s></li>
<li>Servlet</li>
<li>JSP</li>
</ol>
</li>
<li>프레임워크
<ol type="a">
<li><strong>Spring</strong></li>
<li>MyBatis</li>
</ol>
</li>
</ul>
</body>
</html>
