[HTML] HTML과 TAG

2023. 4. 16. 02:31·HTML,CSS,JS

• HTML이란?

 

HTML = Hyper Text Markup Language

의미를 하나씩 알아보자.

 

- Hyper Text : 텍스트의 정보에 대한 접근인 순차적인 접근을 뛰어넘는다는 의미

  HyperText는 비순차적 접근법 -> 내가 원하는 방식으로 접근 가능

  서로 링크로 연결된 문서

 

- Markup Language : 태그를 이용해서 문서나 데이터의 구조를 명시하는 언어

  내용에 추가적인 정보를 표시하는 프로그래밍 언어

 

위의 내용을 합쳐보면

마크업 언어를 이용해서 웹 브라우저에게 컨텐츠를 어떻게 표현해달라하는 것

서로 링크로 연결된 문서를 만들 때 사용한다

내용 뿐만 아니라 추가적인 정보도 표시한다 

 

결론 => 웹 페이지를 표현하기 위한 언어

 

- HTML 특징

 

① 언어가 매우 쉽지만 중요하다

  지금까지 배웠던 언어 중에 가장 쉽다

  하지만 웹 페이지를 구성하기 위해서는 너무나도 중요한 언어이다

 

② 텍스트 문서이다

  텍스트 문서는 컴파일 과정이 필요하지 않다

  따라서 수정된 문서를 바로 적용할 수 있다

 

③ 운영체제에 독립적이다

  어떤 운영체제에든 사용 가능하다


• 태그란?

 

Tag = 어떤 표시를 하기 위해 붙인 꼬리표

라고 사전에 명시되어 있음

 

그렇다면 HTML에서 태그란 무엇인가?

-> '웹 문서에 어떤 표시를 하기 위해 붙인 표시' 정도로 생각

 

형식

<태그이름 속성 =  "속성값"> 태그에 적용받은 문자(문단, 이미지 ..) </태그이름>

태그는 항상 여는 태그인 <>와 닫는 태그인 </>가 함께 존재함

물론 예외도 존재 (현재 내가 아는건 <br>뿐)

 

태그의 이름만으로는 정보가 부족할 때 속성도 적어줌

-> 많은 의미를 부여할 수 있음

ex) 링크걸기

<a href = "www.어쩌구저쩌구.co.kr"> 어쩌구저쩌구 </a>

 

문법은 자주 보고 중요하니까 따로 정리해야징~

 

 

 

 

  

 

'HTML,CSS,JS' 카테고리의 다른 글

JavaScript 동기/비동기(동작 원리)  (0) 2023.05.03
JavaScript란?  (0) 2023.05.03
JavaScript 기본 문법  (0) 2023.04.29
[HTML] 헷갈리는 태그들  (0) 2023.04.16
[HTML] HTML 기본 구조  (0) 2023.04.16
'HTML,CSS,JS' 카테고리의 다른 글
  • JavaScript란?
  • JavaScript 기본 문법
  • [HTML] 헷갈리는 태그들
  • [HTML] HTML 기본 구조
>동구리<
>동구리<
  • >동구리<
    데굴데굴 굴러가는 히동구리
    >동구리<
  • 전체
    오늘
    어제
    • 분류 전체보기
      • WEB
      • HTML,CSS,JS
      • React
      • 개발
      • Git
      • 이것저것
      • Algorithm
        • Programmers
        • Study
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    border vs outline
    리액트 #React #아토믹디자인 #아토믹디자인패턴
    js 동작원리
    배열 생성
    adaptive jitc
    리액트 #React #생명주기 #Lifecycle #훅 #Hook
    ouline
    http1
    JITC
    이벤트 전파
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
>동구리<
[HTML] HTML과 TAG
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.