HTML(HyperText Markup Language)는 웹 페이지를 만들기 위한 기본적인 마크업 언어이다.
이 언어를 사용하여 문서의 구조와 콘텐츠를 정의할 수 있다.
코드 예제
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>HTML 이론학습</title>
</head>
<body>
<!-- 이곳에 작성하세요. -->
</body>
</html>이번 시간에는 기본적인 HTML 구조에 대해 공부했다.
HTML 문서는 크게 <head>와 <body>로 구분할 수 있는데
<head>는 웹 문서에 필요한 설정<body>는 실제로 사용자에게 보여지는 부분
위쪽의 예제를 이용해 아래 내용으로 업데이트하여 오늘의 할일을 노출시켜보았다.
제목으로는 <h1>란에 <a href> 를 이용하여 오즈코딩스쿨 상세페이지로
랜딩페이지를 잡아주고 나머지 <p> 항목으로서 부분은 할일을 기록해두었다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>HTML 이론학습</title>
</head>
<body>
<h1><a href="https://ozcodingschool.com/">오늘의 할 일</a></h1>
<p>1. HTML 예습하기</p>
<p>2. MDN 사이트 접속하기</p>
<p>3. w3school 사이트 접속하기</p>
<p>4. 실습 도전하기</p>
</body>
</html>결과 화면
그나저나 벨로그 이미지 관련 글도 한번 공부하면서 써봐야겠다.
그냥 블로그 글 쓰는것처럼 에디터를 다루면 될 줄 알았는데
이미지 업로드부터 사이즈 다듬는 것 까지 굉장히 어렵다 ^^..
(코드 업로드 하는데만 10분걸린게 맞나..?)
끄적