HTML 필수 태그 정리(1)_제목_문단_강조_링크_이미지 태그_Heading, paragraph, anchor, image, emphasis, breakline

들어가기에 앞서 html 태그(tag)를 해부해보자

 

1. 태그는 꺽쇠로 이루어져있다.

2.태그에 맞는 속성들이 있다.

3.다양한 태그와 웹표준에 맞는 올바른 사용법을 익혀야 한다.

 

<p arrt="value"> 내용 </p>

 

html을 잘하기 위해선 꼭 알아야 하는 태그 6가지

 

첫번재. 제목 태그

<h1>heading1</h1>
<h2>heading2</h2>
<h3>heading4</h3>
<h4>heading5</h4>
<h5>heading6</h5>

특징-1)제목에 많이 쓴다. h1의 크기가 가장 크며 점점 줄어든다. 

 

두번째. Paragraph 문단 태크

<p>내용1</p>
<p>내용2</p>

특징-1) 문단을 나눌때 사용한다. 

 

세번째 Emphasis 강조

강조 태그에는 2가지가 있다.

하나는 <em>강조하고 싶은 부분</em>과

또 다른하나는 <strong>강조하고 싶은 부분</strong> 이다.

 

em은 기울임이라는 강조를 주고

strong은 굵게 해주는 강조를 준다.

em보다는 strong을 많이 쓴다. 

 

네번째. Anchor 링크 태그 

<a href="이동하길 원하는 링크 주소">화면에 나오는 제목</a>

사용법은 이렇다. 

1)href라는 속성안에 '이동하길 원하는 링크 주소를 넣어준다.

2)이 태그를 쓰면 제목에 밑줄과 약간 파란색을 입게된다.'

 

다섯번째. Image 이미지 삽입 태그

이미지 파일이 있고 없는 상황에 따라 이미지 삽입하는 방법이 달라진다.

<img src="이미지 링크" alt="제목" />
 
<img src="./이미지가 있는 경로" alt="제목" />

첫번째 줄에 있는 태그는 이미지 링크를 복사 붙여넣기 하면 되고,

 

두번째는 파일있는 경로를 입력하면 됩니다. 

 

마지막 여섯번째. 줄바꾸기! 

진짜 쉽다.

 

줄을 띄우기 원하는 곳에 <br/>을 입력해주면 된다.