HTML의 다양한 태그를 알아보자

코드

  • <a>, <p>, <ol>, <li>, <input>, <label>, <span>, <div>, <b>

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <a href="http://google.com" target=_blank>a는 링크연결이다.</a>
  
  <p> p는 문단 작성시작을 의미하는것이다.<b>굵게</b> 문단이 나뉘지 않는다.</p>
  <p> span은 무슨 종류일까 <span> 인라인</span> 이다.</p>
  <p> div는 무슨 종류일까 <div>블락</div> 이다. </p>
  
  <ol type="i">ol은 번호가 매겨진 리스트다.
    <li>1번이다</li>
    <li>2번이다</li>
    <li>3번이다</li>
  </ol>
  <ul>ul은 점이 박힌 리스트이다.
    <li>content</li>
    <li>content</li>
    <li>content</li>
  </ul>
  
  input은 사용자에게 입력받는 것이다.
  <label for="input_name">이름 입력:</label>
  <input id="input_name" type="text">
  label과 input은 묶어서 쓴다. 
  <label for="input_name">이름 입력:</label>
  <input id="input_name" type="checkbox">
  <label for="input_name">이름 입력:</label>
  <input id="input_name" type="button">
  
  
</body>
</html>

결과

HTML

Frontend

댓글 쓰기

You may also enjoy

github pages에서 vue router 404 에러

April 03 2023

배경1. vue 프로젝트를 github pages를 통해 myurl.com에 배포를 했다 배경2. vue router를 사용하여 myurl.com/posts 페이지가 있다 배경3. vue router의 history모드는 createWebHistory를 사용한다 myurl.co...