민둥 개발자의 계발 블로그

HTML 연습! 심심해서 직접 해보았습니다! 본문

Study/HTML

HTML 연습! 심심해서 직접 해보았습니다!

민둥산의 민둥이 2022. 4. 11. 21:58

 안녕하세요! 오늘은 지금까지 배운 태그들을 보지 않고 HTML과 조금의 Javascript를 사용하여 만들어 보았습니다. 20분이라는 시간제한을 두고 만든 거라 완성도가 높지는 않습니다. 재미로만 봐주세요^^

 이번에는 코드도 바로 밑에 공개해놓겠습니다!

민석 페이지

당신은 제 ip주소를 사용하여 침범하였습니다>0<

제 웹 서버에 침범한 당신에게는 3가지 선택권이 있습니다.


<^0^>

  1. 팔굽혀펴기 65535개 3시간 이내로 하기!
  2. 턱걸이 5002개 ♣in one day♥
  3. <☆★강추★☆내일> 점심 + 음료수 쏘기!

      점심 메뉴

    • BBQ자메이카 통다리 구이
    • 한우
    • 샤브샤브
2번 3번 (중복 체크 가능)
3번 선택시:

 

 

코드

<html>
 <head>
 <title>민석 페이지</title>
 </head>
<script>
  alert("당신은 제 ip주소를 사용하여 침범하였습니다");
  prompt("당신의 이름을 입력하세요!!","해커");
</script>
 <body>
 <h1>당신은 제 ip주소를 사용하여 침범하였습니다>0<</h1>
	<hr>   
	<p>
	<h2><i>제 웹 서버에 침범한 당신에게는 3가지 선택권이 있습니다.</i> </h2>
	<br>
    <h3><b><^0^></b></h3>
   </p>
	 <ol>
		<li> 팔굽혀펴기 65535개 3시간 이내로 하기! </li>
		<li> 턱걸이 500<sub>2</sub>개 ♣in one day♥</li>
		<li> <b><mark>&lt;☆★강추★☆내일&gt;</mark></b> 점심 + 음료수 쏘기!
      <ul>
        <h2>점심 메뉴</h2>
        <li> <b>BBQ</b>자메이카 통다리 구이</li>
        <li> 한우</li>
        <li> 샤브샤브</li>
      </ul>
    </li>
	 </ol>
   <form action>
   <input type="checkbox" name="1번 팔굽혀펴기!"> <label for="1번 팔굽혀펴기!">1번</label>
   <input type="checkbox" name="2번">2번
   <input type="checkbox" checked="checked" name="3번"> 3번
    (중복 체크 가능)<br>
    3번 선택시:
    <select>
      <option>메뉴 선택</option>
      <option selected="selected"><b>BBQ</b>자메이카 통다리 구이</option>
    </select>
   </form>

  <hr>
 </body>
</html>
반응형
저작자표시 (새창열림)

'Study > HTML' 카테고리의 다른 글

HTML#4 정답 공개 및 추가 문제!  (0) 2022.04.18
HTML#4 테이블 만들기!  (4) 2022.04.12
HTML 태그#3 목록 태그 및 특수문자 출력!  (0) 2022.04.11
HTML 태그(TAG)#2 글꼴을 바꾸는 태그  (2) 2022.04.10
HTML 사용하기! HTML 태그(Tag) 종류#1  (0) 2022.04.05
'Study/HTML' Related Articles more
Comments