HTML 편집하기 (부분)

=== 자바스크립트 없이 HTML로만 구현 ===
==== 각종 효과 ====
HTML에는 의외로 자바스크립트 없이도 사용 가능한 기능들이 숨어있다.

<tabber>
|-|HTML 코드=
<syntaxhighlight lang="html">
<blink>깜빡거리는 텍스트!</blink>  <!-- 사라진 전설의 태그 -->
<details>
    <summary>여기를 클릭해보세요</summary>
    짜잔! 숨겨진 내용이 나타났다!
</details>
</syntaxhighlight>
|-|결과=
<codepen>https://codepen.io/gaon12/pen/MYgrrGm</codepen>
</tabber>

blink 태그는 비표준 태그로, 대부분의 브라우저에서는 지원되지 않고 그냥 텍스트로 출력된다. details 태그는 실제로 있는 태그다. 클릭하면 내용이 펼쳐지는 아코디언 효과를 준다. CSS나 자바스크립트가 없어도 된다!

==== 표로 구조 잡기 ====
<tabber>
|-|HTML 코드=
<syntaxhighlight lang="html">
<table>
    <caption>이건 진짜 테이블이에요</caption>
    <tr>
        <td>레이아웃을 위한 게 아니라고요!</td>
    </tr>
</table>
</syntaxhighlight>
|-|결과=
<codepen>https://codepen.io/gaon12/pen/zxOppmR</codepen>
</tabber>

예전에는 웹페이지 레이아웃을 모두 table 태그로 만들었다. 지금 생각하면 말도 안 되는 일이지만... 당시에는 그게 최선이었다. CSS가 없었으니까. 지금도 가끔 이메일 템플릿을 만들 때는 table을 쓴다. 이메일 클라이언트들이 HTML5를 제대로 지원하지 않는 것들이 있기 때문.