HTML은 웹페이지를 만드는 언어입니다.
웹페이지에서 서로간에 이해할 수 있는 문서 표준이 HTML 입니다.
HTML은 Hypertext Markup Language 의 약자입니다.
- Hypertext : 문서와 문서가 링크로 연결되어 있다는 의미
- Markup : 태크(Tag)를 사용해 구성
- Language : 언어라는 의미
우리가 알아야 할 것은 바로 HTML 문법이며 사용법입니다.
태크(tag)는 <html> 에서 시작하여 </html> 로 마무리 되겠습니다.
마찬가지로 다른 대다수의 태그(tag)들도 이와 같이 시작태그에서 마침태그로 완성 되겠습니다.
그렇다면 기본적인 HTML의 작성 예시를 보겠습니다.
<html>
<head>
<meta charset=”UTF-8″>
<meta http-equiv=”X-UA-Compatible” content=”IE=edge”>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Document</title>
</head>
<body>
HELLO, HTML
</body>
</html>이번시간 html 요약 시간으로
html은 크게 헤드와 바디로 구성된다는 것만 알아두면 됩니다.
- 헤드 (head)
<head>
</head>
헤드에는 부가적인 내용이나 기능, 선언 등을 넣는 공간입니다.
페이지에 대한 타이틀이나 CSS와 JavaScript 선언등을 기술합니다.
- 바디 (body)
<body>
</body>
바디에는 웹페이지 내용이 들어가는 부분입니다.
입력폼이라던지 텍스트, 동영상링크 또는 여러가지 다양한 태그로 구성되어
해당 컨텐츠를 구성합니다.
바디내에서도 CSS 나 JavaScript 그리고 서버사이드 개발언어가 사용되지만
주로 페이지내에서 처리가 되는 컨텐츠 태그들로 구성됩니다.
- 속성
태그의 사용법에 대해 한가지 더 알아야 할 것은 속성입니다.
HTML 태그는 각각의 태그내에 정의 되어지는 여러 속성을 통해 다양한 기능을 제공합니다.
예를 들어 링크 역할을 하는 a 태그를 보겠습니다.
<a href=“https://www.google.com” target=“_blank”>www.google.com</a>
우선 a 태그의 정의를 보자면
<a> 태그(앵커 태크)는 href 특성 을 통해 다른 페이지나 같은 페이지의 특정 위치, 파일, 이메일 주소와
그 외 다른 URL로 연결할 수 있는 하이퍼링크 를 만드는 기능을 가진 태그 입니다
위의 예시를 보면 a 태그를 사용하여 그 안에 href라는 속성과 target이라는 속성이 존재합니다.
href속성은 태그를 클릭시 이동하는 URL을 지정하는 속성이며
target은 링크한 URL을 표시할 위치를 지정합니다.
위의 경우는 “_blank라고 한것은 새로운 탭으로 URL을 이동합니다.
이와같이 간단하게 HTML 의 사용법 그리고 태그와 속성에 대해서 알아보았습니다.
자세한 것은 아래 영상으로도 볼 수 있습니다.
'테크노트 > html' 카테고리의 다른 글
| HTML doctype tag 선언 방법 (html 4.01, xhtml 1.0, html 5) (0) | 2022.01.25 |
|---|---|
| html5와 웹표준 (0) | 2022.01.25 |
| 웹(Web)의 이해 (0) | 2022.01.06 |
| 웹(Web)의 역사 (0) | 2022.01.05 |
| input 입력 태그를 readonly 로 막는 경우 (0) | 2021.12.03 |
댓글