html은 hyper text mark up language의 줄임말이다.
-웹에서 자유롭게 오갈 수 있는 웹문서를 만드는 언어이다.
<html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>첫번째 문서연습</title> </head> <body> <h1>웹 문서만들기</h1> </body> </html>
제목태그
<em></em>기울여 쓰기
<strong></strong> 진하게 강조
<b></b> boild 진하게
<br> 줄 바꾸기
<hr> 가로줄 넣기
<ol><li></li></ol> orderd list
<ol type="a"> 타입속성 지정가능
<ul><li></li></ul> unordred list표 태그 만들기
<caption>:표 제목
<table>:표 전체
<tr>:행
<th>:제목 셀<table> <caption>선물용과 가정용 상품 구성</caption> <tr> <th>용도</th> <th>갯수</th> <th>중량</th> <th>가격</th> </tr> <tr> <td>선물용</td> <td>3kg</td> <td>11~16과</td> <td>가격</td> </tr> <tr> <td>선물용</td> <td>5kg</td> <td>11~16과</td> <td>가격</td> </tr> <tr> <td>가정용</td> <td>7kg</td> <td>11~16과</td> <td>가격</td> </tr> <tr> <td>가정용</td> <td>3kg</td> <td>11~16과</td> <td>가격</td> </tr> </table>
이미지태그 오디오태그 비디오
<img src="images/tangerines.jpg" alt="레드향">
<audio src="medias/spring.mp3" controls></audio>
<video src="medias/salad.mp4" width="700" autoplay muted loop></video><p><a href="../05/order.html" target="_blank"></a></p>
target="_blank" 새로운페이지에서 열림
태그여러개 사용가능
css
border-collapse:collapse;
표(table)의 테두리와 셀(td)의 테두리 사이의 간격을 없앱니다.
<전>
<후>
