search

기본적인 웹페이지 스타일링

<p>
    <a href="https://naver.com">
    </a>
</p>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
  <img src="v.jpg" style="width: 100px; margin-left: auto; display: block; margin-right: auto">
  <h3 style="font-size: 20px; color: brown;letter-spacing: 2px; text-align: center;">LEEAN</h3>
  <p>FullStack Developer</p>


</body>
</html>

거의 모든 태그는 style="" 이라는 속성을 열 수 있습니다.

거기 안에 스타일이름 : 스타일값; 형식으로 스타일을 넣으면 됩니다.

여러개를 넣고 싶다면 뒤에 쭉 나열해주시면 됩니다.

세미콜론 까먹으면 안됩니다.

자주 사용하는 글자 스타일들

이미지 정렬과 폭 조정

텍스트의 일부만 스타일을 변경하고 싶을 때

<span> 이라는 태그로 감싼 뒤에 스타일을 주면 됩니다.

<span> 태그는 가끔 글자 일부를 싸매고 싶을 때 사용하는 큰 의미없는 태그입니다.

<strong> 태그로 글자 일부를 싸매면 간단히 굵게 표현도 가능합니다.

(참고) span 태그는 display : inline 이라는 스타일 속성을 내포하고 있으며,

display : inline을 가지고 있는 요소는 폭, 높이 등을 단독으로 결정할 수 없습니다

폭, 높이를 주고싶으면 얘를 감싸고 있는 <p>에 주십시오

개발자 포트폴리오 사이트

Logo박기제 - 프론트엔드 개발자 Startup-Ready Frontend DeveloperKije Park Portfoliochevron-right
Logo국내최초 취업정보회사 - 제로베이스zero-base.co.krchevron-right
LogoNB#logaltmshfkgudtjr.github.iochevron-right

✨ 과제. 내 프로필 페이지 꾸미기 (20분)

짤막한 소개글

PreviousHTML 기본 태그로 글 작성하기NextCSS 파일 만들고 첨부하는 법

Last updated