> 웹 프론트엔드 > HTML 튜토리얼 > HTML의 기본 태그를 이해하세요

HTML의 기본 태그를 이해하세요

PHP中文网
풀어 주다: 2017-06-22 11:08:01
원래의
1297명이 탐색했습니다.

1. HyperText Markup 언어 내용, html은 약한 코드 언어이며 코드가 엄격하게 작성되지 않았습니다

1. 하이퍼링크

<a href="#">超级链接(anchor)</a>
로그인 후 복사

하이퍼링크의 href 주소를 작성할 때 주의하세요. 해당 프로토콜을 분석합니다. 프로토콜이 설정되지 않은 경우 기본 로컬 파일 텍스트 프로토콜이 사용됩니다

https, http, email, custom(Thunder) 등

2. 기타 태그

  <address>地址(address)</address>

    <b>粗体(bold)</b>
    <big>放大(big)</big>
    <blockquote> 引用块(blockquote)</blockquote>
    <br/> 换行(break)

    <center> 居中(center)</center>
    <cite>引用(cite)</cite>
    <code>代码(code)</code>

    <del> 删除(delete)</del>
    <dfn> 定义(definition)</dfn>
    <p> 区块(pision)</p>
    <em> 强调(emphasize)</em>

    <hr/> 横线(horizontal)

    <i> 斜体(italic)</i>

    <u>下划线(italic)</u>

    <p>p 段落(paragraph)</p>
    <pre class="brush:php;toolbar:false">按预定格式显示的文本(Preformatted)
引用(quote) 例子(sample) 缩小(small) 文本段(span) 重点强调(strong emphasized) · 下标(subscript) 上标(superscript) 电传打字机(teletype)(等宽字体) 可变文本(variable)
로그인 후 복사

3. tag

<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>
로그인 후 복사

4. 목록 태그——

[1], dl Dictionary list(사전 목록)

  <dl>
    <dt>dt 字典标题(dictionary title)</dt>
            <dd>dd 字典数据(dictionary data)</dd>
    <dt>dt 字典标题(dictionary title)</dt>
                   <dd>dd 字典数据(dictionary data)</dd>
  </dl>
로그인 후 복사

[2], ol Ordered List(주문 목록)

<ol>
<li>li 列表项(list item)</li>
<li>li 列表项(list item)</li>
</ol>
로그인 후 복사

[3], ul unordered 목록 )

 <ul>
       <li>列表项(list item)</li>
       <li> 列表项(list item)</li>
 </ul>
로그인 후 복사

5. 양식 라벨

<form action="#" method="post">表单(form)</form>
로그인 후 복사
<img src="#" alt="图片" />图片(image)
<input type="text" name="name" value="" />input,type=&#39;text&#39; 文本输入框(text)
<input type="radio" name="name" value="" />input,type=&#39;radio&#39; 单选框(radio)
<input type="checkbox" name="name" value="" />input,type=&#39;checkbox&#39; 复选框(checkbox)
<input type="file" name="name" value="" />input,type=&#39;file&#39; 文件选择框(file)
<input type="hidden" name="name" value="" />input,type=&#39;hidden&#39; 隐藏域(hidden)
<input type="image" name="name" value="" />input,type=&#39;image&#39; 图片按钮(image)
<input type="password" name="name" value="" />input,type=&#39;password&#39; 密码输入框(password)
<input type="reset" name="name" value="reset" />input,type=&#39;reset&#39; 重置按钮(reset)
<input type="submit" name="name" value="submit" />input,type=&#39;submit&#39; 提交按钮(submit)
<input type="button" name="name" value="button" />input,type=&#39;button&#39; 按钮
로그인 후 복사

6. 드롭다운 목록 상자

select 选择列表(select)
<select>
<option value="value">option 选择项(option)</option>
</select>
로그인 후 복사

7. 테이블(테이블)

<table border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td>td 表格数据(table data)</td>
    <td>td 表格数据(table data)</td>
  </tr>
  <tr>
    <td>td 表格数据(table data)</td>
    <td>td 表格数据(table data)</td>
  </tr>
</table>
로그인 후 복사


위 내용은 HTML의 기본 태그를 이해하세요의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿