html의 기본태그
html 기본태그 연습
h- 마크업사용하기
<!-- h1 태그를 이용해 제목을 만들어보자-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h1>html태그배우기</h1>
<h2>html태그배우기</h2>
<h3>html태그배우기</h3>
...
결과
리스트태그 ul,ol,dl,menu...
<!-- 리스트 태그를 이용해보자-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<ul>
<li>목록1</li>
<li>목록1</li>
<li>목록1</li>
</ul>
<ol>
<li>목록2</li>
<li>목록2</li>
<li>목록2</li>
</ol>
<dl>
<dt>목록3</dt>
<dd>목록3</dd>
</dl>
<menu>
<li>목록4</li>
<li>목록4</li>
<li>목록4</li>
</menu>
...
결과
데이터를 보내자 form
<!-- 리스트 태그를 이용해보자-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<form>
<fieldset> <!-- 선으로그루핑하기 -->
<legend>폼</legend>
<label>텍스트</label>
<input type="text">
<label>체크박스</label>
<input type="checkbox">
<label>라디오박스</label>
<input type="radio" name="radio">
<label>라디오박스2</label>
<input type="radio" name="radio">
<label>비밀번호</label>
<input type="password">
<label>전송</label>
<input type="submit">
</fieldset>
</form>
...
결과
표를 만들자 table
<!-- 리스트 태그를 이용해보자-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<table border="1">
<thead>
<tr>
<td>열1</td>
<td>열2</td>
<td>열3</td>
</tr>
</thead>
<tbody>
<tr>
<td>행1</td>
<td>행1</td>
<td>행1</td>
</tr>
<tr>
<td>행2</td>
<td>행2</td>
<td>행2</td>
</tr>
</tbody>
</table>
...
결과
Author And Source
이 문제에 관하여(html의 기본태그), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://velog.io/@ddh963963/html의-기본태그
저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
<!-- h1 태그를 이용해 제목을 만들어보자-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h1>html태그배우기</h1>
<h2>html태그배우기</h2>
<h3>html태그배우기</h3>
...
결과
<!-- 리스트 태그를 이용해보자-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<ul>
<li>목록1</li>
<li>목록1</li>
<li>목록1</li>
</ul>
<ol>
<li>목록2</li>
<li>목록2</li>
<li>목록2</li>
</ol>
<dl>
<dt>목록3</dt>
<dd>목록3</dd>
</dl>
<menu>
<li>목록4</li>
<li>목록4</li>
<li>목록4</li>
</menu>
...
결과
<!-- 리스트 태그를 이용해보자-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<form>
<fieldset> <!-- 선으로그루핑하기 -->
<legend>폼</legend>
<label>텍스트</label>
<input type="text">
<label>체크박스</label>
<input type="checkbox">
<label>라디오박스</label>
<input type="radio" name="radio">
<label>라디오박스2</label>
<input type="radio" name="radio">
<label>비밀번호</label>
<input type="password">
<label>전송</label>
<input type="submit">
</fieldset>
</form>
...
결과
<!-- 리스트 태그를 이용해보자-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<table border="1">
<thead>
<tr>
<td>열1</td>
<td>열2</td>
<td>열3</td>
</tr>
</thead>
<tbody>
<tr>
<td>행1</td>
<td>행1</td>
<td>행1</td>
</tr>
<tr>
<td>행2</td>
<td>행2</td>
<td>행2</td>
</tr>
</tbody>
</table>
...
결과
Author And Source
이 문제에 관하여(html의 기본태그), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@ddh963963/html의-기본태그저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)