HTML 핵심 태그 기본 문법

HTML 태그는 정보를 보여주는 역할을 합니다.

이미지, 텍스트등은 모두 HTML로 만들어진다고 보면 됩니다.

 

 

 

 

1. 기본 형식 <태그>콘텐츠 내용<태그>

<p>my office lab</p>

 

2. 링크를 걸어 이동시키기

<a href="https://myofficelab.tisory.com">Hello my office lab</a>

 

3. 콘텐츠가 없다면 <태그속성="값" /> "/"로 마무리

<img src="https://settle.pay.naver.com/static/images/img_ems/img_logo_fin.gif" />

반응형

 

4. 태그안에 또 태그를 삽입하기

<div>
	<p>Helloy my office lab</p>
</div>

 

5. HTML 주석 사용하기

<!-- 비주얼베이직에서 주석 윈도우 단축키는 Ctrl+/ -->

 

6. 제목 표시하기

<h1>Hello officelab</h1>
<h2>Hello officelab</h2>
<h3>Hello officelab</h3>
<h4>Hello officelab</h4>
<h5>Hello officelab</h5>
<h6>Hello officelab</h6>

 

7. 내용 엔터

<br/>

 

8. 이미지 넣는 태그

<img src="https://settle.pay.naver.com/static/images/img_ems/img_logo_fin.gif"  alt="네이버페이" />

 

9. 영역을 나누도록 도와주는 태그 ((div를 하나의 박스라고 생각하세요.))

<div>
	<p>네이버페이 입니다.</p>
	<img src="https://settle.pay.naver.com/static/images/img_ems/img_logo_fin.gif"/>
</div>

 

10. 로그인,pw입력,검색창등을 입력하는 form 태그

 

<form action="">
	<label>아이디</label>
	<input type="text" />
	<br/>
	<label>패스워드</label>
	<input type="password" />
	<br/>
	<input type="submit" value="로그인" />
</form>