HTML 기초 용어 정리 by 생활코딩

출처: 생활코딩 (https://opentutorials.org/)



용어 정리


표현 이름 태그 기능
<> - 열리는 표현
</> - 닫히는 표현
<!doctype html> - 웹페이지가 HTML로써 만들어졌다는 것을 표현하기 위해 문서의 시작에 작성하는 표현
<html> - Head와 body 태그를 감싸기로 약속한 하나의 표현
<head> - 문서의 속성을 지정
<title> - 웹 문서의 제목을 설정
<meta charset="utf-8"> - 웹브라우저에게 UTF-8 방식으로 페이지를 열도록 하는 표현 (웹페이지에 저장된 문자 표현 방식과 웹브라우저가 페이지를 해석하는 방식이 다를 때 이상한 문자를 표시하게 되는데, 설정이 없으면 일반적으로 영어가 아닌 문자는 깨져서 나옴)
<body> - 본문 내용 표현
<h1> ~ <h6> Heading 제목 표현 (일반적인 텍스트보다는 글씨가 두껍고 줄바꿈이 됨)
<strong> - 글씨를 진하게 함
<u> Underline 밑줄 표시
<br> - 줄 바꿈 (닫힘 태그 없음)
<p> Paragraph 단락 표현 (하나의 단락을 그룹핑)
<li> List 목차 표현 (ul 태그를 필요로 함)
<ol> Ordered list ul의 정렬된 형태 (자동 넘버링)
<ul> Unordered list li의 부모 태그 (li 태그와 아주 밀접한 관계)
<img src="위치"> - 이미지 표현
<a> Anchor 링크 표현
<iframe src="위치"> - 동영상 표현



속성 정리


  • 속성 (attribute): 태그의 이름만으로는 정보가 부족하여 만들어진 문법



자세히 보기