HTML 치트 목록

HTML 치트 목록을 인쇄하여 일상적으로 사용할 수 있습니다.

HTML 기본 문서

예제

<!DOCTYPE html>
<html>
<head>
<title>文档标题</title>
</head>
<body>
可见文本...
</body>
</html>

온라인 예를 보려면 "예제 실행" 버튼을 클릭하세요

기본 태그

<h1>가장 큰 제목</h1>
<h2>
< . .</h3>
<h5> 절.

(줄바꿈)

(가로줄)


텍스트 서식

<code>컴퓨터 코드</code>

<kbd>키보드 입력</kbd>
<pre>미리 서식이 지정된 텍스트</pre>
<작은>작은 텍스트</small> ;
중요 텍스트

(약어)
<주소>(연락처 정보)
(텍스트 방향)
<blockquote> (다른 출처에서 인용된 섹션)
<cite> (작품 제목)
<del> ( 삭제된 텍스트)
<ins> <sub> (아래 첨자 텍스트)
<sup> (위 첨자 텍스트)

링크(링크)

일반 링크: <a href=" http://www.example.com/">링크 텍스트</a>

이미지 링크: < a href="http://www.example.com/"><img src=" URL" alt="대체 텍스트"></a>

이메일 링크: <a href=" mailto:webmaster@example.com">이메일 보내기</a>

북마크:

<a id="tips">팁 섹션</a>
< ;a href="#tips">팁으로 건너뛰기</a>

이미지

스타일/섹션

<style type="text/css">
  h1 {color:red;}
  p {color:blue;}
</style>

순서가 없는 목록

<ul>
  <li>项目</li>
  <li>项目</li>
</ul>

순서가 있는 목록

<ol>
  <li>第一项</li>
  <li>第二项</li>
</ol>

정의 목록

<dl>
  <dt>项目 1</dt>
    <dd>描述项目 1</dd>
  <dt>项目 2</dt>
    <dd>描述项目 2</dd>
</dl>

테이블

<table border="1">
  <tr>
      <th>表格标题</th>
      <th>表格标题</th>
  </tr>
  <tr>
      <td>表格数据</td>
      <td>表格数据</td>
  </tr>
</table>

프레임(Iframe)

<iframe src="demo_iframe.htm"></iframe>

양식

<form action="demo_form.php" method="post/get">
<input type="text" name="email" size="40" maxlength="50">
<input type="password">
<input type="checkbox" checked="checked">
<input type="radio" checked="checked">
<input type="submit" value="Send">
<input type="reset">
<input type="hidden">
<select>
<option>苹果</option>
<option selected="selected">香蕉</option>
<option>樱桃</option>
</select>
<textarea name="comment" rows="60" cols="20"></textarea>
</form>

엔티티 )

과 같습니다.