본문 바로가기

개발하자/HTML&CSS

기본태그이용하여 화면만들기

문제) 기본 태그를 이용하여 다음과 같은 화면을 출력해보세요~

 

 

풀이

 

<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
 </HEAD>

 <BODY>
  <img src="C:\study\html\img.jpg" alt="펭귄" width="300" />
  <h1>HTML Header</h1>
 <ul>
  <li>menu1</li>
  <li>menu2</li>
  <li><a href="#link">오시는 길은 클릭하세요</a></li>
 </ul>
<h3>본문1</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum
</p>
<h3>본문2</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum
</p>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<h4 id="link">오시는길</h4>

<p>대전시 여러분 담배꽁초</p>
 </BODY>
</HTML>