font
- 퇴출된 태그.
- 왜 퇴출되었는지
- html이 정보로서 활용되는 예
- 아직까지는 사용하는 곳이 많긴 함
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<font size="7" color="red">Hello</font> world
</body>
</html>- font size : 1~7(기본 3)
- 시각적인 효과만 줄 뿐 html을 읽었을 때 어떤 정보인지 알 수 없음
- 코드가 의미를 갖지 않음
- 웹페이지가 정보로서의 가치가 떨어짐
라는 이유로 퇴출.(css가 디자인을 담당)
semantic (의미론적인)
<!DOCTYPE html>
<html>
<head>
<title>문서의 구조</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에 대한 심화된 내용을 다룹니다. html의 기본문법과 html의 주요한 태그들에 대한 수업을 담고 있습니다.
<h2>선행학습</h2>
본 수업을 효과적으로 수행하기 위해서는 웹애플리케이션에 대한 전반적인 이해가 필요합니다.
이를 위해서 준비된 수업은 아래 링크를 통해서 접근할 수 있습니다.
</body>
</html>- 해당 내용 편집하여 진행
- 의미론적태그
<!DOCTYPE html>
<html>
<head>
<title>문서의 구조</title>
<meta charset="utf-8">
</head>
<body>
<header>
<h1><a href="index.html">HTML</a></h1>
</header>
<nav>
<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>
</nav>
<seciton>
<article>
<h2>수업의 목적</h2>
본 수업은 html에 대한 심화된 내용을 다룹니다. html의 기본문법과 html의 주요한 태그들에 대한 수업을 담고 있습니다.
</article>
<article>
<h2>선행학습</h2>
본 수업을 효과적으로 수행하기 위해서는 웹애플리케이션에 대한 전반적인 이해가 필요합니다.
이를 위해서 준비된 수업은 아래 링크를 통해서 접근할 수 있습니다.
</article>
</section>
<footer>
<ul>
<li><a href="privacy.html">개인보호정책</a></li>
<li><a href="about.html">회사소개</a></li>
</ul>
</footer>
</body>
</html>