코드 포맷 -> prettier을 이용하여 'option + command + L'로 포맷할 수 있다.
<p style="font-family: sans-serif; text-align: center; color: #534b4b">
I'll achieve this goal by diving into
<a href="http://www.google.com">more learning resources</a>.
</p>위의 코드처럼 특정 텍스트에 a 태그를 추가하여 링크를 만들 수 있다.
글로벌 CSS 스타일 적용
일괄적으로 스타일을 적용하거나 특정 요소에 특정 스타일을 추가할 경우 코드 상단에 스타일 태그를 추가하여 스타일을 적용할 수 있다.
<style>
p {
font-family: sans-serif;
text-align: center;
color: #534b4b;
}
</style>메타정보
: 브라우저에는 영향을 미치지만 사용자에게는 보이지 않는 정보
메타 데이터와 콘텐츠를 구분하기 위해 HTML 문서 구성을 따라야 한다.
<!doctype html>
<html lang="ko">
<head>
<meta charset="UTF-8" />
<title>My page</title>
</head>
<body>
<h1>Welcome!</h1>
</body>HTML에 주석을 추가하는 방법
<!-- This is a comment - the browser ignores it. It won't show up on the user's screen -->CSS에 주석을 추가하는 방법
p {
font-family: sans-serif; /* Switch to sans-serif instead of serif */
}CSS에서는 /* */를 통해 주석을 만듭니다.
