📒HTML5 기초
- Web을 구성하는 요소
📌 Web의 구성요소
- HTML5 - 웹 사이트의 정보 또는 설계도를 만드는 역할
- CSS3 - 웹 사이트의 디자인 또는 스타일링 담당
- JavaScript - 웹 사이트의 기능과 효과를 부여하는 역할
📌 Web Site 제작시 고려사항
- 웹 표준: 웹사이트를 작성할 때 따라야 하는 공식 표준이나 기술 규격
- 웹 접근성: 장애의 여부와 상관 없이 모두가 웹사이트를 이용할 수 있게 하는 방식
- 크로스 브라우징: 모든 브라우저 또는 기기에서 사이트가 제대로 작동하도록 하는 기법
- HTML5의 구조
🤔 HTML이란? (H)yper (T)ext (M)arkup (L)anguage의 약자로, 웹사이트에서 눈에 보이는 정보나 특정 구역을 설정할 때 사용하는 언어
📌 HTML 태그 기본 구조
<열린태그 속성 = '속성 값'>컨텐츠</닫힌태그>- 태그명: HTML이 갖고 있는 고유의 기능으로, <열린태그></닫힌태그> 형태로 입력
- 컨텐츠: 열린 태그와 닫힌 태그 사이에 있는 내용물
- 속성: HTML 태그가 갖고 있는 추가 정보
- 속성값: 어떤 역할을 수행할지 구체적인 명령을 진행하는 것
📌 HTML 문서 기본 구조
<DOCTYPE html> <!-- HTML 문서 선언 -->
<html> <!-- HTML 문서의 시작과 끝 -->
<head> <!-- 문서와 관련된 요약 정보 정리, 실제 Web에는 표시되지 않는 내용 -->
<meta charset="UTF-8"> <!-- 문자 코드 -->
<title>Document</title> <!-- 문서 제목 -->
</head>
<body>
<!-- 문서의 내용, 실제 Web에 표시되는 내용 -->
</body>
</html>
안녕하세요, 프론트엔드 개발자 임정훈입니다.