728x90
728x90
HTML (Hyper Text Markup Language)
- 웹에서 자유롭게 오갈 수 있는 웹 문서를 만드는 언어
- 정보를 탐색할 때 순차적으로 검색하는 것이 아니라, 뛰어 넘으면서 필요한 것들만 찾음
- Markup : HTML 문서를 구조적으로 표현하는 것
→ 제목, 본문 등의 영역을 명확히 구분해서 알아보기 쉬움
- 컴퓨터는 인간의 언어를 이해할 수 없기 때문에, 모든 것을 알려줘야 함
→ HTML : 브라우저의 구성요소인 'Contents'를 컴퓨터에게 알려주기 위해 사용하는 언어
- 웹 브라우저 : 웹 문서를 보는 프로그램
- 웹 편집기 : 웹 문서를 작성하는 프로그램
- 웹 표준 : 장소/브라우저와 상관없이 쉽게 웹 사이트를 볼 수 있게 하는 표준
HTML 문서 기본 구조
<!DOCTYPE html>
<html lang = "ko"> <!-- HTML 문서의 시작 -->
<head>
<!-- 브라우저가 문서를 해석하기 위한 정보 -->
...
<title> 브라우저 창에 표시되는 문서 제목 </title>
<style>
<!-- CSS 관련 -->
...
</style>
<script>
<!-- JavaScript 관련 -->
...
</script>
</head>
<body>
<!-- 브라우저 화면에 나타날 내용 -->
...
</body>
</html> <!-- HTML 문서의 끝 -->
브라우저 출력
① open in browser
- [Shift] + [Alt] + [B]
② live server
: 브라우저 창이 켜져 있는 상태에서 HTML 파일을 갱신하면, 실시간으로 브라우저에 반영되어 출력됨
- [Alt] + [L] and [Alt] + [O]
기타 메모
- HTML : 문서의 뼈대를 구축함
- CSS : 생김새를 지정함
- JavaScript : 동작을 구현함
320x100
반응형
'HTML & CSS' 카테고리의 다른 글
| [HTML] 링크 태그 (0) | 2023.02.05 |
|---|---|
| [HTML] 표 태그 (1) | 2023.02.05 |
| [HTML] 목록 태그 (0) | 2023.02.05 |
| [HTML] 텍스트 태그 (1) | 2023.02.05 |
| [HTML] 비주얼 스튜디오 코드 단축키 (1) | 2023.02.01 |
댓글