사이트 이름
페이지에 대한 정보에는 head 태그를 사용하고 (화면에 보이지 않음)
페이지 내용에는 body 태그 사용한다.
페이지 제목을 설정하고 싶을 때는 title 태그 사용한다.
<!DOCTYPE html>
<html>
<head>
<title>Weekly Codeit</title>
</head>
Hello Codeit!
</html>인코딩
모든 브라우저에서 한글이 깨지지 않게 보여주려면 head 태그에
<meta charset="utf-8">을 넣어줘야 한다.
제목
<h1>, <h2> ...<h6>본문
<p></p>p태그를 사용하여 단락을 구분할 수 있다.
줄바꿈
<br>meta 태그처럼 시작 태그 하나로만 사용된다.
꺾쇠 기호 넣는 법
꺾쇠(<, >)를 글자로 입력하고 싶을 때는 그대로 쓰는 것이 아니라 <, $gt; 이렇게 입력해줘야 한다.
lt는 less than의 약자고 gt는 greater than의 약자이다.
ex)
HTML 파일을 작성하려면 DOCTYPE, <html>, <head>, <body> ... 적어야 할 것이 참
많습니다.Tip
VS Code에서는 !(느낌표)를 입력하고 Tab 키나 Enter 키를 누르면 HTML 코드를 한번에 입력할 수 있다.
링크
<a href="https://naver.com">네이버로 이동</a>이미지 추가하기
<img src="이미지 주소">영역 나누기
<div></div>
<span></span>- div 태그는 눈에 보이지 않는 박스, 영역을 나눈 것 말고는 아무런 모양이나 의미가 없다.
- span 태그는 제목이나 단락에서 일부분만 영역을 지정할 때 사용한다.
