728x90
html span 태그는 텍스트 중 일부를 담는 태그로 CSS 스타일 적용을 JAVASCRIPT로 조작을 쉽게 할 수 있도록 합니다.
주로 div태그, p태그와 함께 쓰입니다.
이들 태그 안에서 일부부에 스타일을 적요할 때 쓰입니다.
속성으로는 display, width, height, background-color 등 디자인 관련된 속성이 있습니다.
아래와 같이 발모스토리 부분만을 강조하려면 span태그 안 '발모 스토리'를 두고 스타일을 적용하면 됩니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<p>안녕하세요 <span style="color:aqua; font-size: large; background-color: red;">발모스토리</span>입니다.</p>
</body>
</html>
텍스트의 일부를 강조할때는 span태그를 쓴다 이점을 기억해주시면 됩니다.
728x90
'기타 > html' 카테고리의 다른 글
[HTML] iframe 태그 사용법 (0) | 2020.12.24 |
---|---|
[HTML] body 태그 (0) | 2020.12.19 |
[HTML] head 태그와 그 안에 들어가는 여러가지 태그들 (0) | 2020.12.13 |
[HTML] div 태그 id class style 사용법 (0) | 2020.12.11 |
[HTML] meta tag 사용법 및 예제 (0) | 2020.12.09 |