찾다

집 >웹 프론트엔드 >HTML 튜토리얼 >일반적으로 사용되는 HTML 태그 요소 요약

일반적으로 사용되는 HTML 태그 요소 요약

php中世界最好的语言
php中世界最好的语言원래의
2017-11-20 13:38:371795검색

给大家收集整理了一些最常用的HTML标签元素，有需要的朋友可以保存一下，这些都是最常用的，几乎每一份网页都用得到的标签。标签是提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。


创建一个HTML文档

设置文档标题和其它在网页中不显示的信息

设置文档的标题        

最大的标题

 预先格式化文本          


 下划线


 黑体字    


 斜体字    


 打字机风格的字体


 引用,通常是斜体        


 强调文本(通常是斜体加黑体)


 加重文本(通常是斜体加黑体)


 设置字体大小从1到7，颜色使用名字或RGB的十六进制值


 基准字体标记


 字体加大


 字体缩小        


 加删除线


 程式码          


 键盘字


 范例    


 变量


 向右缩排


 述语定义


 地址标记


 上标字    


 下标字


...固定寬度字体(在文件中空白、換行、定位功能有效)


...</plaintext>固定寬度字體(不執行標記符號)</p>
<p><listing>...</listing> 固定寬度小字體  </p>
<p><font color=00ff00>...</font>字體顏色</p>
<p><font size=1>...</font>最小字體  </p>
<p><font style =&#39;<a href="http://www.php.cn/wiki/807.html" target="_blank">font-size</a>:100 px&#39;>...</font>無限增大 </p>
<p> </p>
<p>格式标志标签</p>
<p><p></p> 创建一个段落    </p>
<p><p align=""> 将段落按左、中、右对齐 　</p>
<p><br> 换行 插入换行符  </p>
<p><blockquote></blockquote> 从两边缩进文本</p>
<p><dl></dl> 定义列表</p>
<p><dt> 放在每个定义术语词前</p>
<p><dd> 放在每个定义之前</p>
<p><ol></ol> 创建一个标有数字的列表  </p>
<p><ul></ul> 创建一个标有圆点的列表</p>
<p><li> 放在每个列表项之前,若在<ol></ol>之间则每个列表项加上一个数字,</p>
<p>  若在<ul></ul>之间则每个列表项加上一个圆点 　 　</p>
<p><div align=""></div> 큰 HTML 단락을 조판하는 데 사용되며 테이블 형식도 사용합니다. </p>
<p><DIR> 디렉토리 목록 </p>
<p><nobr></nobr> ='9' width='80%' color='ff0000'>가로선(너비 설정) </p>
<p><center></center> 가로 중앙 </p>
<p>링크 로고</p>테이블<p>logo</p>
<p><a href ="URL"></a> 하이퍼텍스트 링크 만들기 <a href="http://www.php.cn/code/5947.html" target="_blank"></a><a href="mailtEMAIL"></p>
<p></a> 자동으로 이메일을 보낼 수 있는 링크 만들기 </p>
<p><a name=" name "></a> 문서 내부에 북마크 만들기</p>
<p><a href="#name"></a> 문서 내에 있는 북마크에 대한 링크 만들기</p>
<p><BASE> 문서에서는 사용할 수 없습니다. 이 사이트에서 인식되는 다른 모든 링크 소스의 URL </p>
<p><LINK> 링크와 소스 사이의 관계를 정의합니다. </p>
<p>링크 태그 주석: </p>
<p>◆target="..."은 링크 소스가 표시됩니다. (사용자 정의 이름, _blank, _parent, _self, _top</p>
<p>◆rel="..." 보내는 링크 유형 </p>
<p>◆rev="..." 저장된 링크 유형 </p>
<p>◆accesskey= ".. . "이 요소에 대한 단축키 지정 </p>
<p>◆shape="..."을 사용하면 정의된 모양(기본값, 직사각형, 원, 폴리 </p>
<p>◆coord="...)을 사용하여 클라이언트 측 그래픽 미러링을 정의할 수 있습니다. "픽셀 또는 길이 백분율을 사용하여 모양의 크기를 정의합니다</p>
<p>◆tabindex="..." 정의된 tabindex 요소를 사용하여 각 요소 사이의 초점 획득 순서를 설정합니다(요소에 초점을 맞추려면 탭 키를 사용하세요)</p>
<p>대부분 태그 스타일은 CSS 제어를 통해 변경할 수 있으므로 HTML 태그를 마스터해야 합니다. </p>
<p></p>html소스 코드에 주석 태그 삽입<!--. ;<p></p>
<p></p>html의 움직이는 태그에 대한 자세한 소개<p><a href="http://www.php.cn/div-tutorial-380947.html" target="_self"></a></p>H5 의미 태그 소개<p><a href="http://www.php.cn/div-tutorial-380654.html" target="_self"></a></p><p>위 내용은 일반적으로 사용되는 HTML 태그 요소 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!</p></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>성명：</span><div>본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.</div></div></div><div class="nphpSytBox"><span>이전 기사：<a class="dBlack" title="CSS에서 투명도를 설정하는 방법" href="https://m.php.cn/ko/faq/381505.html">CSS에서 투명도를 설정하는 방법</a></span><span>다음 기사：<a class="dBlack" title="CSS에서 투명도를 설정하는 방법" href="https://m.php.cn/ko/faq/381508.html">CSS에서 투명도를 설정하는 방법</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>관련 기사</h2><em><a href="https://m.php.cn/ko/article.html" class="bBlack"><i>더보기</i><b></b></a></em><div class="clear"></div></div><ins class="adsbygoogle"
     style="display:block"
     data-ad-format="fluid"
     data-ad-layout-key="-6t+ed+2i-1n-4w"
     data-ad-client="ca-pub-5902227090019525"
     data-ad-slot="8966999616"></ins><script>     (adsbygoogle = window.adsbygoogle || []).push({});
</script><ul class="nphpXgwzList"><li><b></b><a href="https://m.php.cn/ko/faq/348757.html" title="HTML 지식 요약" class="aBlack">HTML 지식 요약</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ko/faq/348804.html" title="HTML을 빨리 배우는 방법" class="aBlack">HTML을 빨리 배우는 방법</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ko/faq/348873.html" title="html xhtml xml의 차이점" class="aBlack">html xhtml xml의 차이점</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ko/faq/348884.html" title="src와 href 속성의 차이점" class="aBlack">src와 href 속성의 차이점</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ko/faq/348902.html" title="HTML5 및 CSS 대체 사용 정보" class="aBlack">HTML5 및 CSS 대체 사용 정보</a><div class="clear"></div></li></ul></div></div><ins class="adsbygoogle"
     style="display:block"
     data-ad-format="autorelaxed"
     data-ad-client="ca-pub-5902227090019525"
     data-ad-slot="5027754603"></ins><script>     (adsbygoogle = window.adsbygoogle || []).push({});
</script><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！</p></div><div class="footermid"><a href="https://m.php.cn/ko/about/us.html">회사 소개</a><a href="https://m.php.cn/ko/about/disclaimer.html">부인 성명</a><a href="https://m.php.cn/ko/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p>                © php.cn All rights reserved
            </p></div></div></footer><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) {
    var _times = times || -1, //100次
    _interval = interval || 20, //20毫秒每次
    _self = this,
    _selector = this.selector, //选择器
    _iIntervalID; //定时器id
    if( this.length ){ //如果已经获取到了，就直接执行函数
        func && func.call(this);
    } else {
        _iIntervalID = setInterval(function() {
            if(!_times) { //是0就退出
                clearInterval(_iIntervalID);
            }
            _times <= 0 || _times--; //如果是正数就 --

            _self = $(_selector); //再次选择
            if( _self.length ) { //判断是否取到
                func && func.call(_self);
                clearInterval(_iIntervalID);
            }
        }, _interval);
    }
    return this;
}
$("table.syntaxhighlighter").wait(function() {
    $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>");
});
$(document).on("click", ".cnblogs_code_footer",function(){
      $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide();
});
$('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}});
</script></body><!-- Matomo --><script>  var _paq = window._paq = window._paq || [];
  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
  _paq.push(['trackPageView']);
  _paq.push(['enableLinkTracking']);
  (function() {
    var u="https://tongji.php.cn/";
    _paq.push(['setTrackerUrl', u+'matomo.php']);
    _paq.push(['setSiteId', '9']);
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
  })();
</script><!-- End Matomo Code --></html>