반응형
홈페이지를 만드는 목적은
전반적인 HTML과 CSS의 이해를 통해
결과적으로 블로그를 꾸미는데 도움이 되는 것입니다.
즉 전문적으로 할 것 까지는 없기에
너무 깊게 파고들지 않을 생각이에요!
<<!DOCTYPE html> <!-- 1) 현재 문서에서 사용하는 버전을 정의 -->
<html lang="en"> <!-- 2) 문서의 시작과 끝을 정의, lang : 해당 문서의 언어 타입을 정의 -->
<head> <!-- 3) 문서에서 필요한 사항들을 설정하는 부분 -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body> <!-- 4) 메인 화면에 들어가는 모든 내용물을 담는 곳-->
</body>
</html>
저번에 배운대로 가장 기본이 되는 HTML 구조를 작성 해봤습니다.
다른 내용들은 너무 깊은 내용이라 생략하고
주석 표시한 부분을 더 설명하자면
1) HTML5의 문법을 바탕으로 작성된 문서이다
2) lang에 정의되지 않은 언어를 사용해도 무관하다. 그렇다면 왜 넣어야 하는가?
= '웹 접근성' 때문. 제대로 정의 했을 때 접근성이 정확해진다. ( lang = 'ko' 입력시 한국어로 된 문서 옵션을 지정했을 때 노출 될 가능성이 높아짐.)
3) 추후 css, 자바스크립트 등등을 정의 할 예정
4) 본격적으로 내용물을 체워가는 부분
이렇게 정리할 수 있을거 같네요.
이렇게 자세하게 정리해도
머릿속에 잘 안들어 가지만
언젠가 까먹고 다시 이 글을 찾을 저를 위해
작성 해볼려구요.
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>오늘 점심은</title>
</head>
<body>
<p>서브웨이를 먹었다. 이탈리안 BMT 존맛</p>
</body>
</html>
최소한으로 내용을 채워봤습니다.
빨리 이 지루한 시간이 가고
100줄 200줄 넘어가게 코딩을 써 내려갔으면 좋겠습니다.
'언젠가는 쓸모있겠지. > it, 컴퓨터' 카테고리의 다른 글
[HTML] 3. HTML 멀티미디어와 링크 (0) | 2023.07.24 |
---|---|
BIOS 부팅 vs UEFI 부팅 (0) | 2023.07.20 |
MBR vs GPT 비교 (0) | 2023.07.10 |
[HTML] 2. HTML 글자 관련 태그 (0) | 2023.06.23 |
[HTML] 0. 블로그 만들기. (0) | 2023.06.23 |