.jpg)
HTML
HTML은 웹 페이지의 구조와 내용을 정의하는 마크업 언어로, 웹 페이지의 뼈대를 구축하는 데 사용됩니다. HTML은 웹 브라우저에게 어떤 내용을 어떻게 표시해야 하는지 알려주는 역할을 합니다.
마크업 언어
마크업 언어는 텍스트 기반으로 문서의 구조, 스타일 또는 레이아웃을 표현하는 언어를 의미합니다. HTML은 웹 페이지의 구조를 표현하고 웹 브라우저에게 어떻게 렌더링해야 하는지 지시하는데 사용되는 언어입니다.
HTML 구조
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>문서 제목</title>
</head>
<body>
<!-- 내용을 여기에 추가 -->
</body>
</html>
<!DOCTYPE html>: 문서 형식을 선언하며, HTML5 문서임을 나타냅니다.
<html>: HTML 문서의 루트 요소로, 모든 내용을 감싸는 역할을 합니다.
<head>: 문서의 메타 정보와 외부 리소스를 정의하는 부분입니다.
<meta charset="UTF-8">: 문서의 문자 인코딩을 설정합니다 (일반적으로 UTF-8을 사용).
<title>: 문서의 제목을 정의하며 브라우저의 탭에 표시됩니다.
<body>: 웹 페이지의 실제 내용을 담는 부분입니다.
HTML 태그
HTML 태그는 괄호(< >) 안에 있는 요소 이름입니다. 태그는 웹 브라우저에게 어떤 종류의 요소를 표시해야 하는지 알려줍니다.
시작 태그 (Opening Tag): 요소의 시작을 나타내며 <tagname> 형태로 표현됩니다. 예를 들어, <p>는 단락을 나타내는 시작 태그입니다.
종료 태그 (Closing Tag): 요소의 끝을 나타내며 </tagname> 형태로 표현됩니다. 시작 태그와 종료 태그 사이에 해당 요소의 내용이 들어갑니다.
<p> 내용 </p>
HTML 속성 값
HTML 요소에는 속성(attribute)을 추가하여 해당 요소에 대한 추가 정보를 제공할 수 있습니다. 속성은 시작 태그에 추가되며, 속성명="값" 형태로 작성됩니다.
<a href="주소 도메인 URL ">클릭</a>
href (Hypertext Reference): <a> 태그에서 링크 대상 URL을 지정합니다.
src (Source): <img> 태그에서 이미지 파일의 경로를 지정합니다.
alt (Alternative Text): <img> 태그에서 이미지의 대체 텍스트를 지정합니다.
width와 height: 이미지나 테이블 셀의 너비와 높이를 지정합니다.
class: 요소에 대한 CSS 스타일링을 위해 클래스 이름을 지정합니다.
id: 요소를 고유하게 식별하기 위한 ID를 지정합니다.
HTML 주석
HTML 주석은 브라우저에 표시되지 않고, 개발자가 코드 설명을 추가할 때 사용됩니다. 주석은 <!--로 시작하여 -->로 끝납니다.
.jpg)
.jpg)
.jpg)
.jpg&description=HTML 개념과 설명){kind=link}
0 댓글