HTML 기초 용어 정리

2025. 9. 14. 12:09·Coding/WEB FE
  • HTML

HyperText Markup Language

웹페이지의 구조와 내용을 정의하는 마크업 언어. 웹페이지를 만드는 가장 기본적인 언어.

 

  • Tag

HTML의 기본 문법 단위. <>로 묶인 키워드. 웹페이지의 콘텐츠에 의미와 구조를 부여.

의미론적으로 적절한 태그 사용을 통해 검색 엔진 노출도 향상 가능. (예: <br>태그와 <p>태그의 사용)

 

  • Attribute

HTML 태그에 추가 정보를 제공하는 문법. <속성명="값"> 형태로 작성. (예: <img src="image.jpg">

 

  • 대표적인 태그들

- <a> : 앵커 태그 - 링크

- <p> : 단락 태그

- <br> : 줄바꿈 태그

- <li>, <ul> : 목록 태그

- <img> : 이미지 태그

- <h1>, <h2> ... <h6> : 제목 태그

- <strong> : 강조 태그 (볼드)

 

  • 예제 코드
<!DOCTYPE html>
<html>
<head>
    <title>웹브라우저 탭 제목</title>
    <meta charset="utf-8">
</head>
<body>
    <h1>글 제목</h1>
    <ol>
        <li><a href="링크">목록 1번</a></li>
    </ol>
    <h2>소제목</h2>
    <p>내용 1번째줄<br>내용 2번째줄</p>
</body>
</html>

 

 

REFERENCE : 생활코딩 HTML(https://opentutorials.org/course/3084)

'Coding > WEB FE' 카테고리의 다른 글

JavaScript 기초 용어 정리  (0) 2025.09.14
CSS 기초 용어 정리  (0) 2025.09.14
'Coding/WEB FE' 카테고리의 다른 글
  • JavaScript 기초 용어 정리
  • CSS 기초 용어 정리
rlarudfhr
rlarudfhr
  • rlarudfhr
    androcom
    rlarudfhr
  • 전체
    오늘
    어제
    • 분류 전체보기 (96)
      • Coding (28)
        • Python (10)
        • C (13)
        • Github & Git (2)
        • WEB FE (3)
      • Mathematics (3)
        • 미적분학 (19)
        • 통계학 (16)
        • 선형대수 (10)
      • Quantum Computing (0)
      • PC & Mobile & Audio (7)
      • Etc (13)
  • 링크

    • Github
    • Baekjoon
    • Instagram
  • 공지사항

  • 인기 글

  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
rlarudfhr
HTML 기초 용어 정리
상단으로

티스토리툴바