html에서 사용되는 태그들 중 입문 중에서도 입문의 단계에 있는 이들에게 소개할만한 기본적인 태그들을 소개해보고자 한다.
html의 기본적인 태그들(입문)
<meta>: 한글 보이게 문자 인코딩 해주는 태그
<head>태그 부분에 사용- 유니코드임을 알리는 속성을 포함한 meta 태그
=><meta charset="utf-8"> - /로 닫지 않는 특징
<br>: 줄바꿈 태그 (/로 닫지 않음)
<center>: 가운데 정렬
- HTML5 버전이 나오면서 사용하지 않기를 권장
- css언어로 가운데 정렬 가능(권고)
<font>: 폰트값 설정(글자 크기, 색, 글씨체 등)
- 사용 예시
<font size="6" color="blue" face="돋움">글의내용</font>
(사이즈 속성값은 1~7까지)
<img>: 이미지 삽입 태그
- 사용 예시
<img src="00_IMG/covers.jpeg" width="200"> - src : 이미지의 경로와 파일명 기재
- src 외에 이미지 가로, 세로 길이 등 기재 가능
(width 가로 길이, height 세로 길이)
여기서 잠깐❗이미지 삽입시 알아야 하는 정보
<경로 path>
- 상대경로
-
불러오려는 이미지가
"작성중인 해당 파일의 위치를 기준으로"
ㅡ상위폴더에 있으면 "../"로 표기
ex) <img src="../../cover.jpeg> -
하위폴더에 있으면 폴더명 표기
ex) <img src="00_IMG/cover.jpeg>
- 절대경로
작성중인 파일의 위치와는 상관없는 절대적인 위치 주소
ex) C:/TEST/00_HTML/00_IMG/covers.jpeg
∴ 절대경로로 속성값 쓰고싶으면
<img src="C:/TEST/00_HTML/00_IMG/covers.jpeg">
라고 쓰면됨
무서운 속도로 흡수하는 스펀지 개발자 🧽