span 태그
<span></span> 태그는 CSS와 함께 쓰입니다.
주로 <div>와 <p>태그와 함께 웹페이지의 일부분에 스타일을 적용시키기 위해 사용됩니다.
span 태그안에 아무런 컨텐츠가 없다면 해당 부분은 아무런 변화가 없지만 span태그 내부에 객체가 들어가면 그 객체의 크기만큼 공간이 할당이 됩니다.
<span>태그로 요소를 감싸면 CSS나 Javascript로 그 부분을 변형시키는것이 가능해 집니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
span {
font-size: 20px;
font-weight: bold;
color: blue;
}
</style>
</head>
<body>
<p>
이제 <span>웹 표준</span>의 역할은
아주 <span>중요</span>하게 되었습니다.
</p>
</body>
</html>
'Front-End > HTML' 카테고리의 다른 글
| [HTML] form 태그(★★★★★) (0) | 2021.10.26 |
|---|---|
| [HTML] dl 태그, dt 태그, dd 태그 (0) | 2021.10.26 |
| [HTML5] HTML5 기본 개념, 웹 표준 (0) | 2021.10.26 |
| [HTML] table 태그(tr 태그, th 태그, td 태그, table 속성) (0) | 2021.10.26 |
| [HTML] 이미지 태그(img 태그) (0) | 2021.10.25 |
댓글