Develope/교육

[HTML5] html 기본

고로이 2018. 10. 17. 14:04
반응형

글쓸때는 제대로 보이는데, 올리고 나니 먹히지 않는것들이 많다;







* html 의 기본 템플릿


<!DOCTYPE html>

<html>

<head>

<meta charset="EUC-KR">

<title>Insert title here</title> => 상단 페이지명

</head>

<body>

=> 내부 내용 

</body>

</html>






1. <h> header의 약자

<body>

<h1>h1h1h1</h1>

<h2>h1h1h1</h2>

<h3>h3h3h3</h3>

<h4>h4h4h4</h4>

</body>


*결과

h1h1h1h

h1h1h1h

h3h3h3

h4h4h4




2. 문장 기호


<br> = 줄바꿈 

<p> = 문단 구분 기호



<body>

<h1>this is Test</h1>

html5 class <br>

<p>구글 LLC는 전 세계의 정보를 체계화하여 모든 사용자가 편리하게 이용할 수 있도록 하는 것을 목표로 하는 미국의 다국적 기업이다. 

검색 서비스 제공을 주력으로 한다. 구글 검색은 2018년 5월 기준 전 세계 검색량의 90%를 점유하고 있다.</p>

description end

</body>




this is Test

html5 class 

구글 LLC는 전 세계의 정보를 체계화하여 모든 사용자가 편리하게 이용할 수 있도록 하는 것을 목표로 하는 미국의 다국적 기업이다. 검색 서비스 제공을 주력으로 한다. 구글 검색은 2018년 5월 기준 전 세계 검색량의 90%를 점유하고 있다.

description end





3. List

<h1>this is List Test</h1>


<p>ordered list</p>

<ol type="A"> => 1, a, A, i, I 가 있다.

<li>1</li>

<li>2</li>

<li>3</li>

</ol>


<p>unordered List</p>

<ul type="disc">=> circle, square, disc 가 있다

<li>1</li>

<li>2</li>

<li>3</li>

</ul>


this is List Test

ordered list

  1. 1
  2. 2
  3. 3

unordered List

  • 1
  • 2
  • 3



3. Table

<table border="5" >

<tr align="center">

<th>반</th>

<th>이름</th>

<th>나이</th>

<th>번호</th>

</tr>

<tr>

<td rowspan="3">1-1</td>

<td>eunbi</td>

<td>18</td>

<td>5333</td>

</tr>

<tr>

<td>eunbi2</td>

<td>26</td>

<td>3234</td>

</tr>



</table>



이름나이번호
1-1eunbi185333
eunbi2263234






4. image





5. form


<h1>Form Test</h1>

<form action="formNext.html" method="get">


name : <input type="text" name="name"></input> <br> 

pass : <input type="password" name="pw"></input> <br> 

age : <input type="number" name="age"></input><br> 

<input type="submit"> <input type="reset">

</form>


Form Test

name :  
pass :  
age : 
 



반응형