[HTML] 기본 HTML

# 기본 HTML

자주 쓰는 것들 위주로 정리

 

 

section

보통 영역을 구분할 때 사용

 

 

p, span

<p>Lorem Ipsum is simply <span>dummy text of the printing</span> and typesetting industry. 
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown
printer took a galley of type and scrambled it to make a type specimen book. It has survived 
not only five centuries, but also the leap into electronic typesetting, remaining essentially 
unchanged. It was popularised in the 1960s with the release of Letraset sheets containing 
Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker 
including versions of Lorem Ipsum.</p>

p 단락

span 주로 단락 안에서 특정 부분을 감싸서 얘기하고 싶을 때 사용

 

 

ul

<ul>
  <li>A</li>
  <li>B</li>
  <li>C</li>
</ul>

순서가 없는 리스트(unordered list)

 

 

ol

<ol>
  <li>A</li>
  <li>B</li>
  <li>C</li>
</ol>

순서가 있는 리스트(ordered list)

 

 

label

<label for="input">아이디</label>
<input type="text" placeholder="아이디를 입력하세요." id="input">

 

 

radio

<input type="radio" id="female" name="gender">
<label for="female"> 여자</label>

<input type="radio" id="male" name="gender">
<label for="male"> 남자</label>

name으로 그룹명을 넣어줘야 다중 선택을 막을 수 있음

 

 

checkbox

<input type="checkbox" id="apple">
<label for="apple"> 사과</label>

<input type="checkbox" id="grape">
<label for="grape"> 포도</label>

 

 

br

개행. 한줄을 띄울 때 사용.

 

 

h1

<h1>제목</h1>

heading을 의미 h1, h2, h3, h4, h5, h6가 있음