Koras02
Koras02코딩웹
Koras02
전체 방문자
오늘
어제
  • 분류 전체보기 (299)
    • 백엔드 (59)
      • nestjs (2)
      • Ruby (3)
      • PostgresQL (11)
      • MySQL (5)
      • Haskell (7)
      • Koa (3)
      • Java (3)
      • Python (5)
      • Rust (5)
      • MongoDB (2)
      • PHP (3)
      • Spring Boot (1)
      • redis (5)
      • deno (2)
    • 웹서버 (3)
      • nginx (1)
      • Apache (2)
      • Google Web Server (0)
    • 모바일개발 (5)
      • Figma (0)
      • React Native (2)
      • swift (0)
      • Flutter (3)
      • Kotlin (0)
    • 프론트 엔드 (158)
      • HTML (34)
      • CSS (7)
      • Javascript (35)
      • Angular (0)
      • Typescript (2)
      • React (58)
      • Vue (2)
      • GIT (6)
      • GraphQL (1)
      • Doker (4)
      • Go (8)
      • svelte (1)
      • gatsby (0)
    • etc. (47)
      • Notion (0)
      • TIL (24)
      • Algorithm (17)
      • Algorithm 개념 정리 (2)
      • Wiki (3)
      • Official document (1)
    • 웹개념 (12)
    • 변수정리 (1)
    • VSCode (2)
    • 포트폴리오 분석 (2)
      • React (2)
    • os (5)
      • 윈도우 (4)
      • Mac (0)
      • 가상머신 (0)
      • linux (1)
    • 응용프로그램언어 (2)
      • C (2)
      • C++ (0)
      • C# (0)
    • 블로그 운영관련 (1)

블로그 메뉴

  • 홈
  • 태그
  • 방명록
글쓰기

공지사항

  • [공지사항] 개발 이슈나 공식문서 업데이트 업로드 예정입니⋯

인기 글

태그

  • 하스켈
  • Haskell
  • koa
  • 알고리즘
  • 문자열
  • Rust
  • PostgreSQL
  • Til
  • 데이터 타입
  • 프로그래머스
  • redis
  • Flutter
  • javascript
  • html5
  • Java
  • mysql
  • go
  • React
  • CSS
  • html

티스토리

최근 댓글

최근 글

250x250
hELLO · Designed By 정상우.
Koras02

Koras02코딩웹

[HTML] HTML - 2.HTML의 기초
프론트 엔드/HTML

[HTML] HTML - 2.HTML의 기초

2022. 12. 29. 22:42
728x90

1.HTML이란?

HTML이라는 것은 HyperText(비순차적 검색이 가능한 텍스트) Markup (출력) Language (언어)

의 약자로 한마디로 요약하자면 

 

"내가 입력한 텍스트 출력해주는 언어"라고 요약할 수 있습니다. 

웹 페이지에서는 HTML문서 (HTML Document)라고도 불리며 각각의 HTML 태그들로

구성되 있습니다. 

 

각각의 HTML 태그들은 웹 페이지의 디자인이나 기능을 결정할때 사용됩니다.

<h1>제목크기 1</h1>
<h2>제목크기 2</h2>
<h3>제목크기 3</h3>
<p>설명1</p>
<p>설명2</p>

2.HTML 태그(tag)

HTML 태그는 태그 사이에 꺽쇠 괄호(<>)로 감싸며 표현합니다.

<태그이름> // 시작태그
  <내용>
</태그이름> // 종료 태그

HTML 태그는 보통 시작 태그(start tag,opening tag)와 종료 태그(end tag, closing tag)의 한 쌍으로 구성되고

종료 태그는 시작 태그와 전부 똑같지만, 이름 앞에 슬래시( / ) 가 존재합니다.

태그에 따라서 시작 태그만 있고 종료 태그가 없는 태그도 존재합니다. 

 

★ <img> <br> <hr> 등과 같이 종료 태그 없이 시작 태그만을 가지는 태그를 빈 태그(empty tag)라고 한다.

 


3.HTML 작성

HTML 문서는 윈도우의 메모장, 리눅스의 vi , nano 등과 같은 기본 에디터로도 작성할 수 있는 

간편한 언어입니다. HTML의 문서작성을 한 뒤 제목 끝에 html 확장자를 붙여주면 

웹 브라우저에서도 확인 할 수 있습니다.


HTML 버전


4.W3C

W3C는 World Wide Web Consortium의 약자입니다.

즉 W3C의 역할은 월드 와이드 웹(WWW)을 위한 표준을 재정 관리하는 

중립적인 기관입니다.

 

W3C가 관리하는 대표적인 웹 표준은 다음과 같습니다.

  • HTML
  • CSS
  • DOM
  • SVG
  • XHTML
  • XML

참고 자료

 

코딩교육 티씨피스쿨

4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등

tcpschool.com

 

'프론트 엔드 > HTML' 카테고리의 다른 글

[HTML] HTML - 3.HTML 기본 구조  (0) 2022.12.29
[HTML] HTML - 1.HTML의 개요  (0) 2022.12.29
[HTML] href 속성이 없는 a태그의 웹접근성 문제  (0) 2021.10.12
    '프론트 엔드/HTML' 카테고리의 다른 글
    • [HTML] HTML - 4.HTML 요소 구조
    • [HTML] HTML - 3.HTML 기본 구조
    • [HTML] HTML - 1.HTML의 개요
    • [HTML] href 속성이 없는 a태그의 웹접근성 문제
    Koras02
    Koras02
    현재 사용중인 언어 - next-js,react,vue, typescript

    티스토리툴바