2024. 1. 10. 22:39ㆍ카테고리 없음
1.HTML이란?
HTML(Hyper Text Markup Language)을 알기 위해서
영어 부터 해석을 할 수 있어야합니다.
'Hyper Text'는 웹 사이트에서 링크를 클릭해 다른 문서나 사이트로 이동할 수 있는 기능이고,
'Markup Language' 는 태그를 활용해서 문서에서 어느 부분이 제목이고, 본문인지, 어느 것이 사진인지를 표시하는 것입니다.
2. 태그(tag)란?
위에서 언급한,
태그는 <>에 태그 이름(html, div....)을 넣어서 사용합니다.
태그의 시작은 <>에 태그 이름이 있으면 시작이고, <> 안에 /가 있으면 끝입니다.
아래 예시를 보면 알 수 있습니다.
<html>// html 태그 시작
</html> // html 태그 끝
3.<head>와 <body> 태그란?
ⓐ<head>
<head> 태그에 웹 브라우저가 알아야할 정보 모두를 넣을 수 있습니다.
<head> 안에서 넣을 수 있는 대표적인 태그는
- <title>
- <meta>
가 있습니다.
① <title> 태그란?
아래 코드를 보면
<title>'HTML 과 CSS' 수정하기</title>
' 'HTML 과 CSS' 수정하기'라고 제목을 설정했는데, 블로그의 제목 표시줄에 뜹니다.
이처럼, <title> 태그는 브라우저의 제목 표시줄을 뭐라고 쓸지 표현할 때 쓰는 것이라고 보시면 됩니다.
②<meta> 태그란?
화면에 글자를 어떻게 표현할 지에 대해서 지정할 수 있게 끔 한 태그 입니다.
<meta charset="utf-8">html의 meta 태그 예시
코드를 간단하게 설명드리면, utf-8이라는 글자 표현 방식을 쓴다고 웹 브라우저에게 알려주는 것입니다.
body태그는 웹 페이지의 구성을 (사진이나 버튼 등 ) 어떻게 할지 등을 제어할 수 있습니다.
body 태그에 넣을 수 있는
대표적인 태그는,
- <i> : 글자를 기울여서 표시하는 태그입니다.
- <a> : 하이퍼링크를 걸어주는 태그입니다.
- <li> : 목록을 만드는 태그입니다.
- <table> : 표를 만드는 태그입니다.
등이 있습니다.