HTML(HyperTextMarkupLanguage)
하이퍼텍스트를 가장 중요한 특징으로 하는 마크업이라는 형식을 가진 컴퓨터 프로그래밍 언어
확장자명 : html
태그(Tag) : html 페이지에서 객체를 만들 때 사용
tag안에 또 다른 tag가 존재할 수 있다(정보를 규정,정의)
형식
1. <태그명>문자열</태그명>
2. <태그명>
참고
시작태그 : <태그명>
끝태그 : </태그명>
요소 : (1형식)시작태그와 끝태그를 따로 입력하는 요소와 (2형식)시작태그과 끝태그를 함께 입력하는 태그가 있다.
예시
<head>
<h1> hello! </h1> <!-- 시작태그과 끝태그를 따로 입력하는 요소-->
<br> <!-- 시작태그과 끝태그를 함께 입력하는 요소-->
</head>
속성(Attribute) : 태그에 추가 정보를 부여
형식
<태그명 속성="값">문자열</태그명>
<태그명 속성="특성:값">문자열</태그명>
참조
속성은 여러 개가 들어갈 수 있다.
1개 이상의 속성 사용 시 속성="값"; 세미콜론을 사용하여야 한다.
예시
<h1 title="title">h1 tag </h1>
<h2 style="color:gray">h2 tag color gray</h2>
주석
형식
<!-- 주석내용 -->
참조
이클립스 주석 단축키 : ctrl + shift + /
Html 문서 형식
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
</body>
</html>
!DOCTYPE html(Document type delclaration) : 문서 타입 선언
html : 전부를 감싸준다.
head : 본문 외 부가정보를 감싸준다. (안 보이는 것)
meta charset : html 파일의 인코딩을 설정한다.
title: 웹 페이지의 제목을 나타낸다.
body : 본문을 감싸준다. (눈에 보이는 것)
'IT > Html' 카테고리의 다른 글
| [Html] form 태그/입력양식태그/ input type/ action /textArea/ select /submit /checkbox /radio/search/id/class/name (0) | 2021.06.03 |
|---|---|
| [Html] 이미지 태그/scr/alt /외부 이미지 파일의 접근 경로 (0) | 2021.06.03 |
| [Html] 테이블 태그/bgcolor/rules/caption/col width (0) | 2021.06.03 |
| [Html] 목록 태그(List)/ul/ol/li/dl/dt/dd (0) | 2021.06.03 |
| [Html] 제목 태그/본문 태그/앵커(Anchor) 태그/글자 태그/h/p/hr/br/pre/a/href/target/_blank (0) | 2021.06.03 |