Posted in HTML,PHP,JavaScript

태그연습장 자바스크립트 소스

 Published Date: 2023년 11월 26일 
<html>
<head>
<meta charset="UTF-8">
<title>html 태그 연습장 - 브이다시유</title>
<script language="JavaScript">
      function tagDisplay() {
        var source = document.form.editor.value;
        win=window.open("","","width=100%,height=500");
        win.document.write(source);
        return true;
      }
 
      function tagClear() {
        document.form.editor.value="";
        return;
      }
</script>
</head>
 
<body>
  <center>
  <form name="form">
     <p><input type="button" value="웹브라우저로 보기"  onClick="tagDisplay()">
     <input type="reset" value="새로 작성">
     <input type="button" value="새로운 문서 만들기" onClick="tagClear()"></p>
     <textarea cols="60" name="editor" rows="20"
           style="padding:5; border: 2 green solid;">
&lt;html&gt;
&lt;head&gt;
&lt;title&gt; &lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
 
&lt;/body&gt;    
&lt;/html&gt;
     </textarea>
  </form>
  </center>
</body>
</html>

태그연습장은 HTML 태그를 연습할 수 있는 웹사이트입니다. 태그연습장을 이용하면 다음과 같은 기능을 사용할 수 있습니다.

  • 다양한 태그를 확인하고, 사용 방법을 학습할 수 있습니다.
  • 태그를 직접 입력하고, 결과를 확인할 수 있습니다.
  • 태그를 사용하여 웹페이지를 작성할 수 있습니다.

태그연습장을 이용하는 방법은 다음과 같습니다.

  1. 태그연습장 사이트에 접속합니다.
  2. 원하는 태그를 선택합니다.
  3. 태그의 속성과 값을 입력합니다.
  4. 확인 버튼을 클릭합니다.

태그연습장 사이트에서 제공하는 태그는 다음과 같습니다.

  • 기본 태그
    • <html>, <head>, <body>, <title>, <meta>, <link>, <script>, <style>
  • 텍스트 태그
    • <p>, <br>, <b>, <i>, <u>, <s>, <font>, <em>, <strong>, <cite>, <abbr>, <acronym>, <q>, <code>, <samp>, <kbd>, <var>, <sub>, <sup>, <strike>
  • 이미지 태그
    • <img>
  • 링크 태그
    • <a>
  • 테이블 태그
    • <table>, <tr>, <td>, <th>
  • 폼 태그
    • <form>, <input>, <select>, <option>, <textarea>, <button>
  • 프레임 태그
    • <frameset>, <frame>
  • 기타 태그
    • <div>, <span>, <ul>, <ol>, <li>, <hr>, <header>, <nav>, <section>, <article>, <aside>, <footer>

태그연습장을 이용하여 HTML 태그를 연습하고, 웹페이지 제작 능력을 향상시킬 수 있습니다.