이 소스에서 글 크기 크게 수정 좀 도와주세요
본문
<body>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<style>
#toc-content {
display: none;
color: #fafa8e;
}
#toc-toggle {
cursor: pointer;
color: #fafa8e;
}
#toc-toggle:hover {
text-decoration: underline;
}
</style>
</head>
<center><table bgcolor="black"><tr><td>
<center><font color=#fafa8e size="4"><strong>목차</strong></font></center><br>
<center><font color=#fafa8e>[</font><span id="toc-toggle" onclick="openCloseToc()">
<font color=#fafa8e size="5">보이기</font></span><font color=#fafa8e>]</font></center>
<ol id="toc-content">
<li>
<a href="1/[1].html" target="right"><font color="white">[1]</font></a>
<a href="1/[2].html" target="right"><font color="white">[2]</font></a>
<a href="1/[3].html" target="right"><font color="white">[3]</font></a>
<a href="1/[4].html" target="right"><font color="white">[4]</font></a>
<a href="1/[5].html" target="right"><font color="white">[5]</font></a>
<a href="1/[6].html" target="right"><font color="white">[6]</font></a>
<a href="1/[7].html" target="right"><font color="white">[7]</font></a>
<a href="1/[8].html" target="right"><font color="white">[8]</font></a>
<br><br>
</li>
<li>
<a href="2/[1].html" target="right"><font color="white">[1]</font></a>
<a href="2/[2].html" target="right"><font color="white">[2]</font></a>
<a href="2/[3].html" target="right"><font color="white">[3]</font></a>
<a href="2/[4].html" target="right"><font color="white">[4]</font></a>
<a href="2/[5].html" target="right"><font color="white">[5]</font></a>
<a href="2/[6].html" target="right"><font color="white">[6]</font></a>
<a href="2/[7].html" target="right"><font color="white">[7]</font></a>
<a href="2/[8].html" target="right"><font color="white">[8]</font></a>
<br><br>
</li>
<li>
<a href="3/[1].html" target="right"><font color="white">[1]</font></a>
<a href="3/[2].html" target="right"><font color="white">[2]</font></a>
<a href="3/[3].html" target="right"><font color="white">[3]</font></a>
<a href="3/[4].html" target="right"><font color="white">[4]</font></a>
<a href="3/[5].html" target="right"><font color="white">[5]</font></a>
<a href="3/[6].html" target="right"><font color="white">[6]</font></a>
<a href="3/[7].html" target="right"><font color="white">[7]</font></a>
<a href="3/[8].html" target="right"><font color="white">[8]</font></a>
<br><br>
</li>
<li>
<a href="4/[1].html" target="right"><font color="white">[1]</font></a>
<a href="4/[2].html" target="right"><font color="white">[2]</font></a>
<a href="4/[3].html" target="right"><font color="white">[3]</font></a>
<a href="4/[4].html" target="right"><font color="white">[4]</font></a>
<a href="4/[5].html" target="right"><font color="white">[5]</font></a>
<a href="4/[6].html" target="right"><font color="white">[6]</font></a>
<a href="4/[7].html" target="right"><font color="white">[7]</font></a>
<br><br>
</li>
</li>
</ol>
</td></tr></table></center>
<script>
function openCloseToc() {
if(document.getElementById('toc-content').style.display === 'block') {
document.getElementById('toc-content').style.display = 'none';
document.getElementById('toc-toggle').textContent = '보이기';
} else {
document.getElementById('toc-content').style.display = 'block';
document.getElementById('toc-toggle').textContent = '숨기기';
}
}
</script>
</body>
실행하면
목차
[보이기]
라고 나오는데 [보이기]를 누르면
빨간색 표시한 소스의 [보이기] [숨기기] 가 나오는데
그 글씨 크기가 같은 크기로 나왔으면 좋겠는데 작게 나옵니다.
[보이기] 의 폰트 사이즈는 5로 지정했는데요
어떻게 수정해야할까요?
답변 1
html 다시 배우세요
지금 안쓰는태그가 많아요 html4랑 html5랑 달라져서 일부 태그들이 지원 안하거든요
div에 넣어서 font-size=14px; 사이즈 정하시면되요
예시로
<div style="font-size:14px;"></div>
html 공부해서 쓴지 10년이 넘어서..
이 태그 계속쓰면 나중에 브라우저에서 태그가 안 먹히는 경우 (오류)가 생기나봐요?
<font color=#fafa8e size="5"> 이제는 안 쓰는 방식입니다.
브라우저는, 오류가 아니고 새 버전(규칙)에 따르는 거죠.
