Front-End/HTML
[HTML] span 태그
찐코딩
2021. 10. 26. 12:40
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>