(간단하게 만들어본 기본 웹페이지)
html 꾸미는 법
- style 속성으로 꾸민다.
- 스타일명: 값;
이미지 가운데 정렬하는 방법
- display: block;
- margin-left: auto;
- margin-right: auto;
글자 스타일링 방법
- 사이즈는 font-size: 16px;
- 폰트 종류는 font-family: 'gulim';
- 폰트색은 color: red;
- 자간 조절은 letter-spacing: 1px;
- 글자 정렬은 text-align: center;
- 글자 굵게는 font-weight: 100~900;
- 아니면
<strong>태그 써보자
- 아니면
<span> 태그
글자를 감쌀 수 있는 별 뜻 없는 태그
- 이걸 이용해서 일부 글자만 스타일링 할 수도 있음
코드
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body style="text-align: center;">
<img src="./img/cat.jpg" alt="cat" style="width: 300px; display: block; margin-left: auto; margin-right: auto;
" >
<h3 style="font-size: 16px; font-family: 'gulim'; color: red; letter-spacing:1px;">Potter</h3>
<p><span style="color:blueviolet; font-weight: 900" >Front-End</span> Developer</p>
<div>
<strong>소개</strong>
<br>
냥냥거리고 싶은 프론트엔드 개발자입니다.
</div>
</body>
</html>
데이터로 세상을 쓰고 읽고 싶은 헤븐리뷰입니다.