▣ 자주 사용하는 기본 html 태그
■ html에서 자주 사용하는 기본 태그인 <hn>, <p>, <br>, <i> <img>에 대해서 알아보겠습니다.
1. <hn>
이 녀석은 제목이나 부제목 등 다른 글자보다 큰 글자를 입력할 때 사용하는데요. 다른 글씨들보다 두껍고 크게 표시해주는 기능을 합니다. h1~h6까지 표시할 수 있구요. 뒤에 숫자들이 커질수록 글자의 크기는 줄어들게 됩니다.
■ h1~h6의 글자 크기를 비교해보기 위해서 <body >안에 입력하고 브라우저에서 확인해봤습니다.
2. <p>
이 태그는 단락을 만들어주는 기능을 하는데요. <p>~</p> 사이에 내용을 입력하면 이 사이에 있는 내용이 한 단락이 되는거구요. 처음 시작하는 부분과 끝나는 부분이 한 줄씩 띄어쓰기가 되면서 단락인 것을 표시해줍니다.
■ <p>태그를 이용해서 두 개의 문장을 입력해봤습니다.
■ 웹 브라우저에서 확인하면 그림처럼 각각의 단락 앞뒤로 한 줄을 띄우게 됩니다. 즉 <p>~</p>사이에 있는 하나의 문장이 하나의 단락이 되는 거에요.
3. <br>
바로 앞에서 알아본 <p>는 한 줄을 띄우는 태그였는데요. <br>은 키보드의 엔터 기능과 같은 역할을 합니다. 줄바꿈을 해주는 역할을 하는데요. 이 녀석은 닫는 태그 </br>는 사용하지 않습니다.
■ 이렇게 <br> 있는 부분에서 줄바꿈이 됩니다.
4. <b>와 <i>
이 녀석들은 글자의 스타일 중에서 두께(Bold)와 기울기(Italic)를 조절해주는 역할을 합니다.
■ 글자의 두께와 기울기를 조절할 글자들 앞뒤로 태그들을 입력해봤습니다.
■ 이렇게 해당 글자들에 속성이 적용된 걸 확인할 수 있습니다.
5. <img>
웹 페이지에 그림을 넣을 때 사용하는 태그인데요. 형식은 다음과 같습니다.
<img src="그림 파일의 경로">
■ 그림 파일의 경로를 보면 파일의 이름만 있는데요. html 파일과 'car.png'라는 그림 파일이 같은 폴더에 있을 때는 파일 이름만 입력하면 됩니다.
■ 이렇게 해서 html에서 가장 많이 사용하는 기본 태그들 몇 가지를 알아봤습니다. 수고하셨어요.^^
