[HTML]
HTML 이란?
-
HyperText Markup Language 의 약자로 웹 페이지를 위한 마크업 언어 쉽게 말해서, 웹 페이지 에서 다른 페이지로 이동할 수 있게 하는 기능을 가진 문서 를 만드는 언어 이다
마크업(MarkUp)은 또 뭐임?
-
마크업 이란 어딘가에 마크 하는것 즉, 표시를 해두는걸 말한다, 다른 사람이 편하게 볼 수 있도록 마크업 언어를 통해 구조적으로 표현 할 수 있음
예 1) 마크없이 없을때
요미 러시안블루 놀기 배 만지기
예 2) 마크업이 있을때
- 이름 : 요미
- 묘종 : 러시안 블루
- 좋아하는것 : 놀기
- 싫어하는것 : 배 만지기
Tag 란 ?
-
위에 있는 마크업이 문서를 구조적으로 표시하기 위한 것 이라면 그 표시하는 방법이 Tag 이다.
-
HTML 문서에서 문자에 기능을 넣어주는게 Tag 임, 여기서 문자에 기능을 넣어준다는건 글자에 색을 넣어준다던지 등등.. 다양한 기능을 넣어줄 수 있음
[HTML] - Tag
-
위에 있는 마크업이 문서를 구조적으로 표시하기 위한 것 이라면 그 표시하는 방법이 Tag 이다.
-
HTML 문서에서 문자에 기능을 넣어주는게 Tag 임, 여기서 문자에 기능을 넣어준다는건 글자에 색을 넣어준다던지 등등.. 다양한 기능을 넣어줄 수 있음
태그 예시
<strong></strong> - 강조 - 반드시 시작태그 (슬래시가 없는태그) 와 닫히는 태그 (슬래시가 있는태그) 사이에 문자를 넣어야함
<h1>
</h1>-
h1 : heading 1 (제목 1) 의 약자 이 태그를 안쓰고 그냥 제목으로 쓰고 싶은 곳을 위로 올리면, 웹페이지를 열었을때 자동으로 내려짐
-
좀더 작게 하고싶으면 h2,h3,h4 이렇게 쓸 수 있다
<a>[주제]</a>-
anchor(앵커)의 약자 인데 , 여기 안에 링크도 걸고...툴팁도 씌우고 등등 여러가지 속성을 넣는데 그 속성들과 주제? 를 연결한다는 문자로 앵커를 쓴다
-
태그 중에서도 매우 중요함!!!!!
[HTML] Tag - 속성
웹 페이지에 링크 걸기
<a href = "https://opentutorials.org/course/1073/10">[주제]</a>- 탭에 걸은 링크를 누르면 그 링크로 들어가지는데 , 새로운 탭에 페이지가 열리게 하고싶다?
<a href="https://opentutorials.org/course/1073/10" target="_blank">[주제]</a>-
속성에 이름에 따라서 그 기능이 정해져 (약속되어) 있는데, 속성의 순서는 상관 없음
툴팁 씌우기
<a title = "툴팁">[주제]</a>- 그 주제에 대한 추가적인 정보 를 보는사람에게 알려주고 싶을때 씀 딱히 몰라도 상관없을듯.
