JSFiddle HTML 코드 글자 굵기 조절 방법

본문 바로가기

JSFiddle HTML 코드 글자 굵기 조절 방법

작성일 2024.04.26댓글 1건
    게시물 수정 , 삭제는 로그인 필요

과제에서 JSFiddle을 이용하여 HTML로 메인페이지를 만드는데
문장을 굵기 14로 파란색으로 설정하라고 합니다.
html도 굵기를 숫자로 조정할 수 있는 코드가 있나요?
어떻게 하는지 모르겠습니다ㅜㅠ


#jsfiddle html #jsfiddle html css example #jsfiddle html javascript example #jsfiddle html template #jsfiddle html example #jsfiddle html table #jsfiddle html image #jsfiddle html2pdf #jsfiddle html code #jsfiddle html test

profile_image 익명 작성일 -

HTML에서 글자의 굵기를 직접 숫자로 설정하는 것은 CSS를 통해서만 가능합니다.

​

HTML 자체에서는 굵기를 직접적으로 숫자로 조절할 수 없고, 보통 <strong> 태그를 사용하여 글자를 굵게 만들거나 CSS의 font-weight 속성을 이용해야 합니다.

​

font-weight는 normal, bold 같은 키워드 또는 100부터 900까지의 숫자(100 단위)를 사용하여 굵기를 조절합니다.

​

위에서 말씀하신 '굵기 14'라는 기준은 별도로 없고, 아마도 '글자 크기를 14px로 설정'정도의 의미로 보입니다. 또한 글자를 파란색으로 설정하는 것도 CSS를 통해 진행할 수 있습니다.

​

JSFiddle에서 HTML과 CSS를 사용할 경우 아래 예 처럼 해보시면 될 것 같습니다.

​

1. HTML코드

​

<!DOCTYPE html>

<html>

<head>

<link rel="stylesheet" type="text/css" href="style.css">

</head>

<body>

<p class="custom-text">여기에 굵은 파란색 글자로 표시될 텍스트를 넣으세요.</p>

</body>

</html>

​

2. CSS (style.css) 코드

​

.custom-text {

font-size: 14px; /* 글자 크기 14px */

font-weight: bold; /* 글자 굵기 bold로 설정 */

color: blue; /* 글자 색상 파란색으로 설정 */

}

​

​

위와 같이 HTML 파일 내에서 <p> 태그를 사용하여 텍스트를 추가하고, CSS에서 해당 텍스트의 클래스인 custom-text에 글자 크기, 굵기, 색상을 조정하시면서 설정하시면 되겠습니다.

연관된 질문 답변 리스트

html과 css코드 해석

... 여기서 코드 전부 해석이나 뜻을 알려주실 수... // 글자에 밑줄을 긋는 css 입니다. font-size: 20px;... // 높이가 30px , 폰트사이즈가 12px 폰트 굵기가...

html, css 반응형 웹에서 글자 크기 조절...

... 혹시 반응형 웹에서 글자 크기를 조절하는 다른 방법을 써야 하는지 궁금해서 여쭤... 질문을 하실때는 원인이 되는 CSS 코드를 제시하셔야 정확한 답변을 받아 보실수...

lcd i2c 제어 백라이트 조정법

... 백라이트를 조절해보려고 lcd 뒤에 붙어있는것도 돌려보고 코드로 수치값도 조정해보는데 제대로 되지를 않네요 글자 제대로 보이는 방법있을까요?? 글자가...

header, footer, contents로 구역을...

... /* 글자 굵기 */ text-shadow:0 1px #07c;... /* 슬라이드 쇼 비치도록 배경 색 조절 */ left... CSS 코드에서 header와 footer에 해당하는 스타일은...



​
    test ad