HTML의 인라인 블록 수준 요소는 무엇입니까?-HTML 튜토리얼-php.cn

" 3. "

"; 선택>"; 5. " <img>"; 6. "<td>"; 7. "<번째>"; 8. "<객체>" 등"/><meta property="og:local" content="ko">
<meta property="og:title" content="HTML의 인라인 블록 수준 요소는 무엇입니까?-HTML 튜토리얼-php.cn">
<meta property="og:description" content="HTML 줄의 블록 수준 요소에는 다음이 포함됩니다. 1. 버튼을 정의하는 "<button>" 3. "<textarea>"; 선택>"; 5. " <img>"; 6. "<td>"; 7. "<번째>"; 8. "<객체>" 등">
<meta property="og:url" content="https://m.php.cn/ko/faq/484357.html">
<meta property="og:image" content="https://img.php.cn/upload/article/202111/17/2021111710434939861.jpg">
<meta property="og:site_name" content="php.cn">
<meta property="og:type" content="website">
<link rel="canonical" href="https://m.php.cn/ko/faq/484357.html"/>
<link rel="alternate" hrefLang="zh-cn" href="https://m.php.cn/zh/faq/484357.html" />
<link rel="alternate" hrefLang="en" href="https://m.php.cn/faq/484357.html" />
<link rel="alternate" hrefLang="zh-tw" href="https://m.php.cn/zh-tw/faq/484357.html" />
<link rel="alternate" hrefLang="ja" href="https://m.php.cn/ja/faq/484357.html" />
<link rel="alternate" hrefLang="ko" href="https://m.php.cn/ko/faq/484357.html" />
<link rel="alternate" hrefLang="ms" href="https://m.php.cn/ms/faq/484357.html" />
<link rel="alternate" hrefLang="fr" href="https://m.php.cn/fr/faq/484357.html" />
<link rel="alternate" hrefLang="de" href="https://m.php.cn/de/faq/484357.html" />
<meta charset="utf-8" /><meta name=viewport content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover"><meta name="applicable-device" content="mobile" /><link rel="stylesheet" href="/static/css/style.css?4.5.31"><link href="/static/front/mobcss/newphpcommon.css?1.1" type="text/css" rel="stylesheet"/><link href="/static/front/mobcss/swiper.min.css" type="text/css" rel="stylesheet"/><link href="/static/front/mobcss/newphp.css?1.2" type="text/css" rel="stylesheet"/><link href="/static/css/global.css" type="text/css" rel="stylesheet"/><link href="/static/layui/css/layui.css" type="text/css" rel="stylesheet"/><link href="/static/mobcss/mobindex3.css" type="text/css" rel="stylesheet"/><script src="/static/front/mobjs/jquery-1.6.1.min.js"></script><script src="/static/front/mobjs/swiper.min.js"></script><script src="/static/front/mobjs/newphpcommon.js"></script><script>    var canshu = {
        SeeMore:'더보기',
        FoldUp:'접',
        Choice:'언어',
        wait:'불러오는 중입니다. 기다려 주세요~',
        LoginFirst:"먼저 로그인을 해주세요",
        needKeyword:'키워드 검색을 입력하세요',
        emailPhoneError:'정확한 전화번호나 이메일 주소를 입력해주세요',
        missPwd:'비밀번호를 입력해주세요',
        emailError:'올바른 이메일 주소를 입력해주세요',
        VerCode:"인증 코드를 입력 해주세요",
        getCode:'배상',
        pwdError:'잘못된 비밀번호 형식',
        TwoPassNotMatch:'두 개의 비밀번호가 일치하지 않습니다',
        Bindemail:'이메일 바인딩',
        resetpassword:'암호를 재설정',
        ConfirmPass:'비밀번호 확인',
        pwdCheck:'6~18자의 문자 또는 숫자를 입력하세요.',
        Editinfor: '개인정보 수정',
        trimContent:'내용을 입력해주세요',
        titleCheck:'제목은 5단어 이상이어야 합니다.',
        choiceLang:'언어 분류를 선택하세요.',
        Secondreply:'회신하다',
        NetWorkError:'네트워크 오류가 발생했습니다. 나중에 다시 시도해 주세요.',
        all_lang_string:'zh|en|zh-tw|ja|ko|ms|fr|de'
    };
</script><script>
    (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;
        f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-WWVXRJPW');
</script><script async src="https://www.googletagmanager.com/gtag/js?id=G-H42EVCYBJC"></script><script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'G-H42EVCYBJC');
</script><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5902227090019525" crossorigin="anonymous"></script><meta property="article:author" content="青灯夜游" /><meta property="article:published_first" content=",https://www.php.cn/faq/484357.html" /><link rel="stylesheet" href="/static/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css?1"><link rel="stylesheet" href="/static/ueditor/third-party/SyntaxHighlighter/shCoreDefault1.css"><link href="/static/mobcss/newphp.css" type="text/css" rel="stylesheet"/><script src="/static/ueditor/third-party/SyntaxHighlighter/shCore.js"></script><script>      var xnb_name = 'Virtual currency';
      </script><script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"Article","headline":"HTML의 인라인 블록 수준 요소는 무엇입니까?","description":"HTML 줄의 블록 수준 요소에는 다음이 포함됩니다. 1. 버튼을 정의하는 \"<button>\" 3. \"<textarea>\"; 선택>\"; 5. \" <img>\"; 6. \"<td>\"; 7. \"<번째>\"; 8. \"<객체>\" 등","image":["https:\/\/img.php.cn\/upload\/article\/202111\/17\/2021111710434939861.jpg"],"datePublished":"2021-11-17T10:51:17+8:00","author":{"url":"http:\/\/m.php.cn\/ko\/member\/287557.html","name":"青灯夜游"},"mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/m.php.cn\/ko\/faq\/484357.html"},"url":"https:\/\/m.php.cn\/ko\/faq\/484357.html","articleBody":"<blockquote><p>html 인라인 블록 수준 요소는 다음과 같습니다. 1. \"<button>\", 버튼 정의 2. \"<input>\", 입력 필드 정의 3. \"<textarea>\"; ;select>\"; 5. \"<img  alt=\"HTML의 인라인 블록 수준 요소는 무엇입니까?\" >\"; 6. \"<td>\"; 7. \"번째>\"; 8. \"\" 등 <p><img  src=\"https:\/\/img.php.cn\/upload\/article\/202111\/17\/2021111710434939861.jpg\" alt=\"HTML의 인라인 블록 수준 요소는 무엇입니까?\" ><\/p>\n<p>이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터. <\/p>\n<p><span style=\"font-size: 18px;\"><strong>Inline-block<\/strong><\/span><\/p>\n<p>인라인 블록 수준 요소로, 블록 수준 요소와 인라인 요소의 특성을 모두 가지고 있으며, 요소의 너비와 높이를 자유롭게 설정할 수도 있고, 한 줄에 여러 개 배치할 수도 있습니다. 인라인 블록 수준 요소. 예를 들어 input과 img는 인라인 블록 수준 요소로 높이와 너비, 한 줄에 여러 요소를 설정할 수 있습니다.\n구체적인 기능은 다음과 같습니다. <\/p>\n<ul style=\"list-style-type: disc;\">\n<li><p>높이, 줄 높이, 바깥쪽 여백, 안쪽 여백을 모두 제어할 수 있습니다. <\/p><\/li>\n<li><p>기본 너비는 자체 콘텐츠의 너비이며, 전용 줄을 차지하지 않습니다. 그 사이에 공백이 있을 것입니다. 설정하세요. 이전 레벨의 글꼴 크기가 0인 경우에만 공백이 제거됩니다. <\/p><\/li>\n<\/ul>\n<p><strong>인라인 블록 레벨 요소는 무엇인가요? <\/strong><\/p>\n<ul style=\"list-style-type: disc;\">\n<li><p><code><button><\/code> : 버튼을 정의합니다. <code><button><\/code> ：定义一个按钮<\/p><\/li>\n<li><p><code><input><\/code>   ：规定了用户可以在其中输入数据的输入字段。该元素在 <form> 元素中使用，用来声明允许用户输入数据的 input 控件。<\/p><\/li>\n<li><p><code><textarea><\/code> ：定义一个多行的文本输入控件。文本区域中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier）。<\/p><\/li>\n<li><p><code><select><\/code> ：创建下拉列表。<\/p><\/li>\n<li><p><code><img><\/code>：定义 HTML 页面中的图像<\/p><\/li>\n<li><p><code><td><\/code>：定义 HTML 表格中的标准单元格<\/p><\/li>\n<li><p><code><th><\/code>：定义 HTML 表格中表头单元<\/p><\/li>\n<li><p><code><object><\/code><\/p><\/li>\n<li>\n<code><input><\/code> : 사용자가 데이터를 입력할 수 있는 입력 필드를 지정합니다. 이 요소는 사용자가 데이터를 입력할 수 있는 입력 컨트롤을 선언하기 위해 <form> 요소 내에서 사용됩니다. <p><\/p>\n<\/li>\n<\/ul>\n<code><textarea><\/code>: 여러 줄의 텍스트 입력 컨트롤을 정의합니다. 텍스트 영역에는 텍스트를 무제한으로 담을 수 있으며 텍스트의 기본 글꼴은 고정 너비 글꼴(일반적으로 Courier)입니다. <p><a href=\"http:\/\/www.php.cn\/course\/list\/11.html\" target=\"_blank\" textvalue=\"html视频教程\"><\/a><\/p>\n<code><select><\/code> : 드롭다운 목록을 만듭니다. 🎜🎜🎜🎜<code><img><\/code>: HTML 페이지에서 이미지 정의 🎜🎜🎜🎜<code><td><\/code>: HTML 테이블에서 표준 셀 정의 🎜🎜🎜🎜 <code> <th> : 《🎜html 동영상 튜토리얼🎜》🎜<\/th><\/code>\n<\/td><\/textarea><\/button><\/p><\/blockquote>"}</script></head><body><div class="bodyBg"><div class="nphpHead"><div class="nphpTop"><div class="nphpTopIn"><div class="nphpLogo"><a href="http://m.php.cn/ko/" title="PHP 중국어 웹사이트"></a></div><div class="nphpSubmit"><div class="langadivs"  ><a href="javascript:;" class="bg4 bglanguage"></a><div class="langadiv" ><a  onclick="javascript:setlang('zh-cn');" class="language course-right-orders chooselan "  href="javascript:;"><span>简体中文</span><span>（ZH-CN）</span></a><a  onclick="javascript:setlang('en');" class="language course-right-orders chooselan "  href="javascript:;"><span>English</span><span>（EN）</span></a><a  onclick="javascript:setlang('zh-tw');" class="language course-right-orders chooselan "  href="javascript:;"><span>繁体中文</span><span>（ZH-TW）</span></a><a  onclick="javascript:setlang('ja');" class="language course-right-orders chooselan "  href="javascript:;"><span>日本語</span><span>（JA）</span></a><a  onclick="javascript:;" class="language course-right-orders chooselan chooselanguage"  href="javascript:;"><span>한국어</span><span>（KO）</span></a><a  onclick="javascript:setlang('ms');" class="language course-right-orders chooselan "  href="javascript:;"><span>Melayu</span><span>（MS）</span></a><a  onclick="javascript:setlang('fr');" class="language course-right-orders chooselan "  href="javascript:;"><span>Français</span><span>（FR）</span></a><a  onclick="javascript:setlang('de');" class="language course-right-orders chooselan "  href="javascript:;"><span>Deutsch</span><span>（DE）</span></a></div></div><a href="http://m.php.cn/ko/login"  class="bg3"></a></div></div></div><div class="nphpNav"><div class="nphpNavIn"><div class="swiper-container nphpNavSwiper"><div class="swiper-wrapper"><div class="swiper-slide"><a href="http://m.php.cn/ko/" >집</a></div><div class="swiper-slide"><a href="http://m.php.cn/ko/article.html" class="hover">기사</a></div><div class="swiper-slide"><a href="http://m.php.cn/ko/wenda.html" >Q&A</a></div><div class="swiper-slide"><a href="http://m.php.cn/ko/course.html" >강의</a></div><div class="swiper-slide"><a href="http://m.php.cn/ko/faq/zt" >주제</a></div><div class="swiper-slide"><a href="http://m.php.cn/ko/xiazai"  >다운로드</a></div><div class="swiper-slide"><a href="http://m.php.cn/ko/game" >게임</a></div><div class="swiper-slide"><a href="http://m.php.cn/ko/dic.html" >사전</a></div><div class="swiper-slide"><a href="http://m.php.cn/ko/update/article_0_1.html" >최근 업데이트</a></div><div class="clear"></div></div></div><script>                var swiper = new Swiper('.nphpNavSwiper', {
                    slidesPerView : 'auto'
                });
            </script></div></div></div><div class="bodyMain"><div class="nphpSize"><div class="nphpSizeIn"><b></b><p><a href="http://m.php.cn/ko/" title="집" class="bBlack">집</a>  >  
        <a href="http://m.php.cn/ko/article.html"   title="기사" class="bBlack">기사</a>  >  <a href="http://m.php.cn/ko/web-designer.html" class="cBlack">웹 프론트엔드</a>         >   HTML의 인라인 블록 수준 요소는 무엇입니까?</p><div class="clear"></div></div></div><div class="nphpQianBox"><div class="nphpQianTitle"><h1>HTML의 인라인 블록 수준 요소는 무엇입니까?</h1><div class="nphpQianTitleIn"><span><img data-src="https://img.php.cn/upload/avatar/000/287/557/5bef70171e9f3249.jpg" alt="青灯夜游"  class="lazyload" src="/static/front/mobimages/moren/moren.png" /></span><dl><dt><em>青灯夜游</em><i class='bg1'>원래의</i><div class="clear"></div></dt><dd><em>2021-11-17 10:51:17</em><i>7354검색</i><div class="clear"></div></dd></dl><div class="clear"></div></div></div><div class="nphpQianCont wenda-list"><blockquote><p>html 인라인 블록 수준 요소는 다음과 같습니다. 1. "<button>", 버튼 정의 2. "<input>", 입력 필드 정의 3. "<textarea>"; ;select>"; 5. "<img  alt="HTML의 인라인 블록 수준 요소는 무엇입니까?" >"; 6. "<td>"; 7. "번째>"; 8. "" 등 <p><img  src="https://img.php.cn/upload/article/202111/17/2021111710434939861.jpg" alt="HTML의 인라인 블록 수준 요소는 무엇입니까?" ></p>
<p>이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터. </p>
<p><span style="font-size: 18px;"><strong>Inline-block</strong></span></p>
<p>인라인 블록 수준 요소로, 블록 수준 요소와 인라인 요소의 특성을 모두 가지고 있으며, 요소의 너비와 높이를 자유롭게 설정할 수도 있고, 한 줄에 여러 개 배치할 수도 있습니다. 인라인 블록 수준 요소. 예를 들어 input과 img는 인라인 블록 수준 요소로 높이와 너비, 한 줄에 여러 요소를 설정할 수 있습니다.
구체적인 기능은 다음과 같습니다. </p>
<ul style="list-style-type: disc;">
<li><p>높이, 줄 높이, 바깥쪽 여백, 안쪽 여백을 모두 제어할 수 있습니다. </p></li>
<li><p>기본 너비는 자체 콘텐츠의 너비이며, 전용 줄을 차지하지 않습니다. 그 사이에 공백이 있을 것입니다. 설정하세요. 이전 레벨의 글꼴 크기가 0인 경우에만 공백이 제거됩니다. </p></li>
</ul>
<p><strong>인라인 블록 레벨 요소는 무엇인가요? </strong></p>
<ul style="list-style-type: disc;">
<li><p><code><button></code> : 버튼을 정의합니다. <code><button></code> ：定义一个按钮</p></li>
<li><p><code><input></code>   ：规定了用户可以在其中输入数据的输入字段。该元素在 <form> 元素中使用，用来声明允许用户输入数据的 input 控件。</p></li>
<li><p><code><textarea></code> ：定义一个多行的文本输入控件。文本区域中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier）。</p></li>
<li><p><code><select></code> ：创建下拉列表。</p></li>
<li><p><code><img></code>：定义 HTML 页面中的图像</p></li>
<li><p><code><td></code>：定义 HTML 表格中的标准单元格</p></li>
<li><p><code><th></code>：定义 HTML 表格中表头单元</p></li>
<li><p><code><object></code></p></li>
<li>
<code><input></code> : 사용자가 데이터를 입력할 수 있는 입력 필드를 지정합니다. 이 요소는 사용자가 데이터를 입력할 수 있는 입력 컨트롤을 선언하기 위해 <form> 요소 내에서 사용됩니다. <p></p>
</li>
</ul>
<code><textarea></code>: 여러 줄의 텍스트 입력 컨트롤을 정의합니다. 텍스트 영역에는 텍스트를 무제한으로 담을 수 있으며 텍스트의 기본 글꼴은 고정 너비 글꼴(일반적으로 Courier)입니다. <p><a href="http://www.php.cn/course/list/11.html" target="_blank" textvalue="html视频教程"></a></p>
<code><select></code> : 드롭다운 목록을 만듭니다. 🎜🎜🎜🎜<code><img></code>: HTML 페이지에서 이미지 정의 🎜🎜🎜🎜<code><td></code>: HTML 테이블에서 표준 셀 정의 🎜🎜🎜🎜 <code> <th> : 《🎜html 동영상 튜토리얼🎜》🎜</th></code>
</td>

위 내용은 HTML의 인라인 블록 수준 요소는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：

이전 기사：HTML에서 div 배경 이미지를 설정하는 방법다음 기사：HTML에서 div 배경 이미지를 설정하는 방법