song.log

[HTML] HTML의 정의 / HTML의 기본 골격 본문

DevLog/HTML

[HTML] HTML의 정의 / HTML의 기본 골격

SingaKorean 2021. 3. 29. 18:38
반응형

1. HTML이란?

HyperText Markup Language의 약자로 웹에서 사용되는 마크업 언어이다. 

HyperText : 다른 텍스트에 대한 참조를 가진 텍스트. 텍스트에 링크가 존재하고 이를 클릭함으로서 내포하고 있는 정보를 접할 수 있도록 하는 텍스트를 의미한다. 

 

Markup : Mark + up의 합성어

문서의 형태, 구성을 결정하는 부분을 의미

 

문서에서 어떤 정보를 나타낼 것인지 태그로 나타내어 문서의 형태를 정형화 하는 것

의미적 마크업(Semantic Markup) ─ 문서에 실제적으로 들어갈 본문의 내용을 내포하고 있는 태그

구조적 마크업(Structural Markup) ─ 문서의 구성 정보(제목, 장, 절 등)을 보여주는 태그

양식적 마크업(Sylistic Markup) ─ 문서에서 표현하고자 하는 형태의 정보를 담은 태그

 

 

2. HTML의 기본구조

<!DOCTYPE html>  <!-- 문서의 형식을 알리는 태그-->
<html>
    <head>
    	<title></title>
        <link>
	<meta>
        <base>
        <style></style>
        <script><script>
    </head>
    <body>
   		<!--본문 내용 -->
    </body>
</html>
<head>에 들어가는 태그
<title> 웹브라우저 탭에 문서의 제목을 표시 <title>HELLO HTML</title>
<link> 별도로 저장된 css 파일 불러오기 <link rel="stylesheet" href="main.css">
<meta> 문서의 인코딩방식
문서에 대한 간략 설명		 <meta charset="UTF-8">
 <meta name="author" content="Singakorean">
<base> 웹 문서의 기본 경로 설정
웹 문서가 출력될 윈도우 설정		 <base href="http://www.naver.com">
<base target="_blank">
<style> 스타일 지정 태그 <style></style>
<script> 자바스크립트 코드 작성 태그
(<body>태그에 포함 가능)		 <script><script>

 

 

반응형

'DevLog > HTML' 카테고리의 다른 글

[HTML] HTML에서 띄어쓰기 입력 / 특수문자 입력 방법  (0) 2021.03.30
'DevLog/HTML' Related Articles more
Comments