HTML에서 기본적으로 알아야하는 태그

lukawitch·2019년 12월 8일
0

HTML,CSS,JAVASCRIPT

목록 보기
2/3

대부분 태그에 들어가는 요소

  1. style: css를 적용시켜주는 요소이다.
  2. class: 외부의 css코드에서 class로 정의된 요소를 적용시켜준다. css편에서 더 자세하게 다룰 예정이다.
  3. id:그 태그만의 고유의 이름을 가지게 하는 것이다.

a태그

HTML에서 가장 많이 사용하는 태그중 하나가 a태그이다.
웹사이트에 링크를 걸어주는 기능을 한다.

<a href="링크주소">링크를 클릭할 문구</a> 

링크를 입력할 때 에는 반드시 https:// 를 입력해 주어야한다.
a태그

br태그

줄바꿈을 하는 태그이다.

<br/>

끝에 슬래시를 치는경우도 있고 안치는경우도 있다.

img 태그

이미지를 불러오는 태그이다. 이런식으로 사용하면 된다.

<img src="이미지주소" width="이미지너비" height="이미지크기">



width와 height속성이 없으면 이미지 원본크기가 그대로 나온다.

p 태그

문단을 구분해주는 태그이다.

<p>
</p>

h1~h6태그

글자 크기를 조정하는 태그입니다.

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

span 태그

inline 방식으로 배열이되는 코드이다.

<span>글자아무거나</span>

div 태그

block 방식으로 배열이되는 코드이다. 진짜 자주 사용되는 코드이다.
어떠한 요소를 감쌀때도 주로 사용한다.

<div>글자아무거나</div>

inline과 block의차이

inline은 옆으로 늘여놓는거고 block는 위아래로 쌓는다고 생각하면 될것이다.

0개의 댓글