반응형
1. <span> 태그 - 줄바꿈 없이 영역 묶기
기본형 : <span> 내용 </span>
- <span> 태그는 태그 자체로는 아무 의미가 없지만 텍스트 단락 안에서 줄바꿈 없이 일부 텍스트만 묶어 스타일을 적용하려고 할 때
즉, CSS스타일을 지정할 때 주로 사용합니다. <span> 태그는 한 문장 단위로 묶습니다.
|
1
2
3
4
5
6
7
8
9
10
11 |
<!DOCTYPE html>
<html>
<head>
<charset="EUC-KR">
<title><span> 태그 사용 방법</title>
</head>
<body>
자바는 썬 마이크로시스템즈의 <span style="color:blue">제임스 고슬링(James Gosling)</span>과
다른 연구원들이 개발한 객체 지향적 프로그래밍 언어이다.
</body>
</html> |
cs |
<사진 1.1>
위 코드는 '제임스 고슬링(James Gosling)'의 문자열 부분만 파란색으로 바꾸기 위하여 <span> 태그와 CSS를 적용시켰습니다.
아래 코드는 결과 화면 입니다.
<사진 1.1 결과 화면>
반응형
'Web Basic > HTML5' 카테고리의 다른 글
| [HTML5] <dl>, <dt>, <dd>태그 사용 방법 (0) | 2018.03.14 |
|---|---|
| [HTML5] <ul>, <ol>, <li>태그 사용 방법 (0) | 2018.03.12 |
| [HTML5] <mark>태그 사용 방법 (0) | 2018.03.11 |
| [HTML5] <q>태그 사용 방법 (0) | 2018.03.08 |
| [HTML5] <strong>태그, <b>태그 사용 방법 (0) | 2018.03.08 |