코밍이의 하루

[HTML5] 일부 텍스트에만 스타일 적용하기 본문

웹언어 공부/HTML5

[HTML5] 일부 텍스트에만 스타일 적용하기

코밍이 2021. 8. 4. 03:19

1. 개발 환경

구분 내용
사용 언어 HTML5
개발환경 Visual Studio Code
참고 도서 [Do it] HTML5 + CSS3 웹 표준의 정석
웹브라우저 Chrome

 

2. 주요 문법

태그 내용
<mark> 형광펜 효과 내기
<span> 줄바꿈 없이 영역 묶기, 주로 스타일 적용하려고 할 때 사용

 

3. 소스 코드

- text-5.html

 

 
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="utf-8">
    <title>제주 이색 여행지</title>
</head>
<body>
    <h2>야외 텐트를 닮은 건축물 <mark>"테쉬폰"</mark></h2>
    <p>아일랜드 출신 임피제 신부가 1954년 제주에 오면서 목장 숙소로 짓기 시작한 후 
    사료공장, 성당으로 활용됐습니다. 제주에서 점차 다른 지방으로 보급됐지만 현재 
    제주에만 건축물이 남아있으며, <span style="color:blue;">국내 근현대 건축사의 
    한 페이지를 보여주는 가치를 지닌다</span>고 전문가들은 평가합니다.</p>
</body>
</html>

 

4. 실행 화면

text-5.html

 

 

저작자표시 비영리 변경금지

'웹언어 공부 > HTML5' 카테고리의 다른 글

[HTML5] 순서 없는 목록  (0) 2021.08.11
[HTML5] 동아시아 글자 표시하기  (0) 2021.08.04
[HTML5] 텍스트 인용하기  (0) 2021.08.04
[HTML5] 텍스트 강조하기  (0) 2021.08.04
[HTML5] 소스 코드 표시하기  (0) 2021.08.04
'웹언어 공부/HTML5' Related Articles more