Jul Bakkum I Eobsneun Yeoleo Gongbaeg Daesin Taeb Gongbaeg Nbsp
웹 개발에서 공백은 '를 활용하여 HTML 문서에 추가됩니다. ” 줄바꿈하지 않는 공백이라고도 하는 엔터티 코드입니다. 경우에 따라 탭 공간과 같이 문서에 줄바꿈하지 않는 여러 공간을 추가해야 합니다. 따라서 여러 ' ' 엔티티 코드는 문서의 코드 순서와 깔끔함에 영향을 미칠 수 있습니다.
이러한 문제를 해결하기 위해 HTML 문서에 ' <예비> ”, “ <스팬> ' 요소, CSS ' 여백 왼쪽 ”, “ 패딩 왼쪽 ” 속성 등을 포함합니다.
먼저 ' ” HTML 문서에 공백을 추가합니다. 그런 다음 점차 그림을 통해 탭 공간을 추가하는 다양한 방법을 보여줍니다.
' '를 사용하여 공백을 추가하는 방법 HTML의 엔티티 코드?
'를 사용하여 공백을 추가하려면 ” HTML 페이지에서 제공된 단계를 따릅니다.
div 요소를 추가하고 ' 기사 '.
그런 다음 ' ” 제목의 요소입니다.
그런 다음 ' ” 요소를 사용하여 단락을 추가합니다. 단락 시작 부분에 엔터티 코드 '를 표시하여 공백을 추가합니다. ”:
< 사업부 수업 = '기사' > < h2 > 아는 것이 힘이다 < / h2 > < 피 > 지식이 힘이다는 것은 교육받은 사람이 지식의 힘을 통해 자신의 삶을 완전히 통제할 수 있음을 의미합니다. < / 피 > < / 사업부 >
단락 시작 부분에 공백이 성공적으로 추가되었음을 알 수 있습니다.
HTML '' 요소를 사용하여 탭 공간을 추가하는 방법은 무엇입니까?
HTML ' <스팬> ”는 문서의 일부를 마크업하는 데 사용되는 인라인 요소입니다. 진행 중인 예제에서 '로 요소를 추가했습니다. 탭 ' ID. 이 요소는 CSS에서 스타일이 지정되어 공간을 생성합니다.
< 사업부 수업 = '기사' > < h2 >아는 것이 힘이다< / h2 > < 피 > < 기간 ID = '탭' >< / 기간 > 지식이 힘이라는 것은 교육받은 사람이 지식을 통해 자신의 삶을 완전히 통제할 수 있음을 의미합니다. 의 강점입니다.
스타일 '문서' div
.기사 { 여백: 자동; 너비 : 400픽셀; 패딩: 10px; }
“ .기사 '는 '에 액세스하는 데 사용됩니다. <사업부> ” 태그는 다음 속성과 함께 적용됩니다.
“ 너비 ” 속성은 요소의 너비를 결정합니다.
“ 여유 ” 속성은 요소의 높이를 결정합니다.
“ 심 ” 요소의 내용 주위에 공간을 생성합니다.
스타일 '탭' ID
#탭 { 패딩-왼쪽: 8px; }
“ #탭 ”에 액세스 탭 요소의 ” id를 입력하고 “ 패딩 왼쪽 ” 재산.
산출
HTML '
' 요소를 사용하여 탭 공간을 추가하는 방법은 무엇입니까?
“ <예비> ” 요소는 미리 서식이 지정된 텍스트를 정의합니다.
요소 내의 텍스트는 그대로 웹 페이지에 표시됩니다.
먼저 HTML 페이지를 생성하여 예제 개요:
추가 ' ” 요소를 사용하여 문서에 수준 2의 제목을 설정합니다.
그런 다음 ' <예비> ” 태그를 추가하고 원하는 형식으로 콘텐츠를 지정합니다.
< h2 >HTML 사전 태그< / h2 > < 미리 > 기능 제품기능 ( p1, p2 ) { p1 * p2를 반환합니다. } < / 미리 >
산출
CSS 'margin-left' 속성을 사용하여 탭 공간을 추가하는 방법은 무엇입니까?
CSS '를 사용하여 탭 공간을 추가하려면 여백 왼쪽 ” 속성, 제공된 절차를 따르십시오.
먼저 문서에 div 요소를 포함하고 ' 이미지 '.
이 div 요소 안에 클래스 '와 함께 또 다른 두 개의 div 요소를 추가합니다. img-1 ' 그리고 ' img-2 ” 각각.
이 두 div 요소 각각에는 ' ” 태그.
이것들 ' ' 태그는 ' 소스 ' 그리고 ' 너비 ' 속성. 'src' 속성은 이미지의 URL을 지정하고 'width' 속성은 이미지의 너비를 조정합니다.
위에서 설명한 시나리오의 HTML 코드는 다음과 같습니다.
< 사업부 수업 = '이미지' > < 사업부 수업 = 'img-1' > < 이미지 소스 = '/spring-images/marguerite-flower.jpg' 너비 = '250' > < / 사업부 > < 사업부 수업 = 'img-2' > < 이미지 소스 = '/spring-images/flower-ga8f105f1d_1920.jpg' 너비 = '250' > < / 사업부 > < / 사업부 >
HTML 페이지는 다음과 같이 표시됩니다.
CSS 섹션으로 이동하여 ' img-2 ” 여러 줄바꿈하지 않는 공백을 사용하지 않고 클래스.
스타일 '이미지' div
.이미지 { 너비 : 500px; 여백: 자동차; }
“ .이미지 '는 '를 포함하는 HTML div에 액세스하는 데 사용됩니다. 이미지 ' 수업. 위에서 언급한 속성에 대한 설명은 다음과 같습니다.
“ 너비 ” 속성은 요소의 너비를 결정합니다.
“ 여유 ” 속성은 요소 측면 주변의 공간을 결정합니다.
스타일 'img-2' div '를 사용하여 div 요소에 액세스합니다. .img-2 ”:
.img- 2 { 여백-왼쪽: 30px; }
“ 여백 왼쪽 ”가 있는 속성 30픽셀 ” 값은 클래스가 있는 HTML div 요소에 적용됩니다. img-2 '. 이 속성은 요소 왼쪽에 30px 공간을 추가합니다.
여기서 결과는 두 번째 이미지가 시작 부분에 약간의 공간을 두고 적용되었음을 보여줍니다.
줄 바꿈하지 않는 여러 공백을 사용하는 대신 탭 공백을 추가하는 방법에 대해 자세히 설명했습니다. '.
결론
HTML에서 ' ” 엔터티 코드는 일반적으로 문서에 끊기지 않는 공백을 추가하는 데 사용됩니다. 이 엔터티 코드를 여러 번 사용하지 않으려면 문서에 탭 공간을 추가하는 다른 방법이 있습니다. 이러한 방법에는 HTML ' <예비> ”, “ <스팬> ” 요소, “ 여백 왼쪽 ” 재산, 그리고 더 많은 것. 이 블로그에서는 여러 ' '를 추가하는 대신 HTML 문서에 탭 공간을 추가하는 데 도움이 되는 몇 가지 방법을 언급했습니다. 엔티티 코드.
