-
[HTML]html이란? HTML 태그프로그래밍/HTML&CSS 2021. 12. 17. 14:32
HTML
HTML[HyperText Markup Language]
웹 문서를 만들기 위해 사용하는 컴퓨팅 언어의 한 종류
HTML 언어를 이용하여 웹 페이지를 만들기 위해서는 필요한 것은 2가지!
웹 브라우저와 코드를 작성할 프로그램인 편집기(Editor)이다.
웹 브라우저는 우리가 흔히 아는 인터넷 익스플로러, 크롬, 파이어 폭스, 오페라 등 다양하다.
에디터는 웹 브라우저보다 더 종류가 다양하고 사용하는 방법이 조금씩 다르다.
계속해서 더 좋은 에디터가 나오는 중이므로 연도 Best HTML Editor라고 자주 사용하는 브라우저에 검색해서 아무 에디터나 하나 선택하면 된다.
내가 선택한 에디터는 아톰( https://atom.io/ ) 이다.
(이유는 공부하며 참고하는 유튜버가 사용하는 에디터라는 단순한 이유다.)HTML 태그
<> 이 안에 들어간 속성
오른쪽은 에디터 화면, 왼쪽은 에디터를 이용해 나타낸 웹 페이지다.
저 문장에서 "HTML"이란 글자를 강조하기 위해 글자를 굵게 표시하려면,
강조하려는 글자를 <strong> 이라는 열리는 태그와 </strong> 이라는 닫히는 태그 사이에 입력하면 된다.
여기서 HTML 중 TML 글자만 이탤릭체로 나타낸다면,
<i>TML</i> 이렇게 입력하면 된다.
위의 두가지 예시에서 쓰인 strong, i 같은 것을 HTML에서는 태그라고 부른다.
즉, SNS에 태그, 옷에 붙어있는 태그가 각각 SNS에 쓰인 글과 옷을 설명하고, 일종의 속성을 나타내주는 것처럼 HTML에서 쓰인 태그도 주어진 재료에 속성을 부여하고, 설명해주는 역할을 한다.
또한 태그는 <strong>H<i>TML</i></strong>처럼 중첩해서도 사용가능하다.
HTML에서 사용되는 태그는 무수히 많지만, 자주 쓰이는 태그가 있다.
아래 사이트에서 자주 쓰이는 태그 순위를 확인하여 공부할 태그의 우선 순위를 정해보는데 참고하길 바란다.'프로그래밍 > HTML&CSS' 카테고리의 다른 글
[CSS]css 박스 모델 (0) 2021.12.21 [CSS]css 시작 - style 속성,<style> 태그 / 선택자 (0) 2021.12.20 [HTML]html 태그 - 자주 쓰이는 기본 태그 (0) 2021.12.18 [HTML]html 문서 구조 (0) 2021.12.17 [HTML]html 속성, <img>태그 (0) 2021.12.17