html에서 취소선과 밑줄( underline )과 윗줄( overline ) 만드는 방법, 그리고 글자색과 글자 배경색 ( background color)을 변경하고자 style 태그에서 그 해당 부분을 지정해주면 됩니다. css 파일과 연동하는 것도 한 방법이고, 그렇게 하지 않아도 html 파일 내에서 지정이 가능합니다.
1. 글자색 변경하기
글자색은 style="color:원하는색상" 을 입력해주면 출력 창에서 변하는 것을 볼 수 있습니다.
<body>
<h1 style="color:orangered">
html으로 글씨 색깔 바꾸는 방법
</h1>
<p style="color: darkgreen"> 내용 부분은 이렇게 입력이 가능합니다. </p>
</body>
2. 글자 배경색 변경하기
글자 배경색은 style="background-color: 원하는색상" 을 입력해주면 출력 창에서 변하는 것을 볼 수 있습니다.
<body>
<h1 style="background-color:rgb(222, 10, 40)"> <!-- rgb 컬러로도 지정 가능합니다 -->
제목 부분
</h1>
<p style="background-color:#f0f0f0"> 내용 부분 </p> <!-- 16진수로도 지정 가능합니다 -->
</body>위에서 지정해주었던 글자색도 그렇고 글자 배경색도 색상 이름 뿐만 아니라, rgb 컬러와 16진수 표기법으로 표기가 가능합니다.
혹시나 색상 관련해서 내용이 궁금하시다면
https://collocationvoca.tistory.com/41
어도비 프로그램이나 PPT / HTML에서 많이 쓰이는 색상은 뭘까요 ??? [ 색상 이름 / RGB 컬러/ 어도비
안녕하세요 블로그 방문자님들 ! 오늘은 포토샵이나 ppt 그리고 html 에서 자주 쓰이는 색상들에 대해 알아보도록 하겠습니다. 여기 색상 컬러 옆에 표기되어있는 것이 밑에서 얘기할 16진수 색
collocationvoca.tistory.com
이 링크도 도움이 되실 것 같습니다.
3. 취소선 / 밑줄 / 윗줄
텍스트에 취소선 / 밑줄 / 윗줄 등을 입력해주고 싶다면,
<body>
<h1 style="text-decoration: overline;">
텍스트 위에 선이 생기게 하려면 overline
</h1>
<h1 style="text-decoration: line-through;">
텍스트 중간에 선이 생기게 하려면 line-through
</h1>
<h1 style="text-decoration: underline;">
텍스트 위에 선이 생기게 하려면 underline
</h1>
이렇게 입력해주시면 차례대로 코드가 생성되는 것을 볼 수 있습니다.
따라서, html에서 취소선은 line-through ,
밑줄은 underline, 윗줄은 overline, 그리고 텍스트 배경색은 background-color 를 통해서 지정이 가능합니다 :)
티끌 코딩 글이 블로그 방문자 님에게 도움이 됐으면 좋겠습니다.
좋아요(❤) 버튼 ↙은 항상 감사합니다.
블로그 방문자 분들 좋은 하루 되세요 : )
'Programming Language > HTML & CSS (웹 개발 관련)' 카테고리의 다른 글
| [HTML / CSS] 이미지 불러오기 & 크기 조절 & 사진 파일이 없을 경우 작성하는 코드는 ?? (0) | 2021.07.12 |
|---|---|
| [ HTML ]링크 텍스트 클릭 전/ 후, 커서 밑 색깔 변화 & 링크 부분 밑줄 없애려면 ???(HTML CSS 링크 컬러 속성) (0) | 2021.07.09 |
| [ HTML ] 링크를 클릭했을 때 새 창이나, 새 탭에서 열리게 하려면 어떤 코드를 작성해야 하나요?? (0) | 2021.07.05 |
| html 주석( 코맨트 : Comment) 과 인용( Quotation ) 은 어떻게 작성해야하나요 ??? (0) | 2021.07.04 |
| HTML 과 CSS 에서 문단 단락 띄어쓰기 ( 엔터 키 )하는 방법이 어떻게 되나요 ??? (0) | 2021.07.01 |
