티스토리 뷰

웹프로그래밍

HTML 핵심 문법

라이다 2021. 12. 5. 21:04
반응형

HTML은

<html>

   <head>

   ~~

   </head>

   <body>

   ~~주로 여기만 내용 입력

   </body>

</html>

으로 기본 구성 되어있다.

<title>웹사이트 제목</title>

 

<H1></H1> ~<H6></H6>

<H1>글자크기</H1> 글자크기가 1~6단계로 조절 된다.

 

<p>긴문장</p>

 

<div></div>내용들을 분리? 하는 역할

 

<br/> c언어의 \n 다음줄 변경과 같음

 

<button style="width:100px; height:100px; font-size:10px">버튼이름</button>

 

<a href = "하이퍼링크 주소">하이퍼링크이름</a>

 

<img src="이미지 소스 링크" alt="실패시 알림내용" style = "width:50%; height:50%;">

 

<ul style = "font-size:25px">

   <li>1</li>

   <li>2</li>

   <li>3</li>

</ul> (점모양으로 문단 기호 들어감)

 

<ol>

   <li>1</li>

   <li>2</li>

<ol> (숫자가 문단 기호로 들어감)

 

<table sumary = "테이블 설명(웹에 표시는 안되는듯)" style="width=400px; height:50px;">

   <caption>테이블 제목</caption>

   <tr>

      <th>이름</th>

      <th>전화번호</th>

   </tr>

   <tr>

      <td>이름데이터</td>

      <td>전화번호데이터</td>

   </tr>

</table>

 

<form>(폼 내의 정보들을 묶어서 하나의 폼으로 전송하기 위해 사용)

   <input type="text" style = "font-size:30px">

   <input type="email" style = "font-size:30px;">

   <input type="password" style = "font-size:30px;">

   <input type="date">

   <input type = "checkbox">체크박스이름</input>

   <select name="셀렉트박스이름(웹에 표시되지는 않음)">

      <option value = "1">커피1</option>

      <option value = "2">커피2</option> (value 값들 사용방법은 CSS에서 배움)

   </select>

   <button type="submit" style="font-size:30px;">제출</button>

</form>

 

 

 

 

반응형
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
글 보관함