ALIGN="정렬"

BGCOLOR="배경색"

COLSPAN="셀 수"

HEIGHT="셀 높이"

ROWSPAN=" 셀 수 "

VALIGN="수직 정렬"

WIDTH="셀 너비"

ALIGN 속성은 셀 내용의 정렬을 지정합니다. LEFT(왼쪽 가장자리), RIGHT(오른쪽 가장자리) 및 CENTER(가운데)의 세 가지 값 중 하나를 가질 수 있습니다. 기본값은 센터입니다.

BGCOLOR 속성은 셀의 배경색을 지정합니다. 해당 값은 기호 표기법이나 RGB 형식으로 지정할 수 있습니다.

COLSPAN 속성을 사용하면 인접한 여러 셀을 수평으로 병합할 수 있습니다. 이 속성의 값은 병합할 셀 수입니다.

HEIGHT 속성은 셀의 높이를 픽셀 단위로 지정합니다.

ROWSPAN 속성을 사용하면 인접한 여러 셀을 수직으로 병합할 수 있습니다. 이 속성의 값은 병합할 셀 수입니다.

VALIGN 속성은 셀 내용의 수직 정렬을 지정합니다. TOP(상단 가장자리), MIDDLE(중간) 및 BOTTOM(하단 가장자리) 값을 가질 수 있습니다. 기본값은 중간입니다.

WIDTH 속성은 셀의 너비를 픽셀 단위로 지정합니다.

통합에 대한 질문입니다.

1. 단락은 제목과 어떻게 다릅니까?

   어떤 종류의 목록이 있나요?

   글꼴을 변경하는 데 사용되는 태그는 무엇입니까? "정보"란 무엇입니까?

4. 숙제:

1. 첫 번째 행에 하나의 셀, 두 번째 행에 두 개, 세 번째 행에 세 개의 셀이 포함된 테이블을 만듭니다.

2. 태그의 ALIGN 속성에 다른 값을 사용하는 효과를 실제로 관찰하십시오. .

HTML 태그 (8)

저는 현재 html/css를 배우고 있는데 일반적인 기술은 body 태그의 루트에 일반 div 컨테이너를 배치하는 것입니다.

이에 대한 타당한 이유가 있습니까? CSS가 body 태그를 참조할 수 없는 이유는 무엇입니까?

이는 타사 코더가 저지르는 가장 큰 나쁜 습관 중 하나입니다.

위의 답변은 모두 틀렸습니다. 본문은 너비, 여백, 테두리 등을 사용하며 원래 컨테이너처럼 작동해야 합니다. html 요소는 의도한 대로 배경 "캔버스" 역할을 해야 합니다. 내가 만든 수십 개의 사이트에서는 div 컨테이너만 사용하면 되었습니다.

나는 div 컨테이너를 사용하는 동일한 코더가 div 내부의 div로 마크업을 어디에서나 흩뿌릴 것이라고 확신합니다.

그거 하지마. div를 드물게 사용하고 정확한 레이아웃을 목표로 하세요.

업데이트 - 5년 전에 이 답변을 편집할 수 있기 때문에 SO에 어떤 문제가 있는지 잘 모르겠지만, 댓글을 작성하기 전에 50명의 담당자가 필요하다고 나와 있으므로 댓글에 답변할 수 없습니다. 따라서 여기에받은 답변에 답변을 추가하겠습니다. - = - = -

나는 답변을 한 지 몇 년 후에 이것을 발견했으며 몇 가지 후속 답변이 있음을 확인했습니다. 물론, 농담하는 건가요?

내 도메인에서 찾은 자리 표시자 사이트 설정은 내가 내 마크업이나 스타일이라고 주장한 적도 없고 내 게시물에서 언급한 적도 없지만 한 단어의 콘텐츠가 포함된 기본 CMS 설정임이 분명했습니다. 홈페이지). 이것은 내 마크업과 스타일이 아닙니다. 이것은 Silverstripe의 기본 템플릿이었습니다. 그리고 나는 이에 대해 책임을 지지 않습니다. 그러나 이것은 아마도 div 컨테이너가 필요한 두 가지 예 중 하나일 것입니다.

예 1: 알려지지 않은 사항을 수용하도록 설계된 일반 템플릿. 이 경우 div 내의 div 안에 div가 있는 기본 CMS 템플릿이 표시됩니다.

예 2: 바닥글을 적절하게 지우기 위한 3열 레이아웃(아마도 이것이 몇 년 전이기 때문에 기억하기 어려운 컨테이너 컨테이너가 필요했던 시나리오였던 것 같습니다.)

방금 내 도메인에 대한 테마를 만들고(아직 완료되지 않음) 콘텐츠 업로드를 시작했습니다. 쉽게 얻을 수 있는 의미 체계 마크업의 예를 보려면 링크를 클릭하세요.

솔직히 말해서 사람들이 컨테이너 컨테이너가 꼭 필요하다고 생각하고 본체를 만들기도 전에 컨테이너부터 시작한다는 사실에 당황스럽습니다. CSS 사양의 원저자 중 한 명이 설명했던 것처럼 본문은 "소스 컨테이너"로 의도되었습니다.

마크는 당신이 본 방식대로 추가되는 것이 아니라 필요에 따라 추가되어야 합니다.

기본적으로 대부분의 브라우저는 웹페이지 크기를 사용합니다. 따라서 일부 페이지는 동일하게 표시되지 않습니다. 다른 브라우저. 따라서 사용자의 사용법은 특정 항목에 대해 변경될 수 있습니다. HTML 요소. 예를 들어 사용자는 특정 HTML 태그의 마커, 크기, 너비 및 높이를 추가할 수 있습니다.

일부 브라우저( 인터넷 익스플로러) 본문의 특정 속성, 특히 width 및 max-width 를 지원하지 않습니다.

나에게 가장 일반적인 이유는 다음과 같습니다.

1. 레이아웃은 고정 너비를 가질 수 있습니다(예, 알고 있습니다. 고정 너비를 좋아하는 디자이너를 위해 많이 작업합니다).
2. 이렇게 하면 본문에 text-align: center를 적용한 다음 컨테이너 div의 왼쪽과 오른쪽에 margin: auto를 적용하여 레이아웃을 중앙에 맞출 수 있습니다.

나는 이것이 오래된 질문이라는 것을 알고 있지만 웹사이트를 다시 디자인하는 동안 이 문제에 부딪혔습니다. Troy Dalmasso가 나에게 생각을 하게 만들었습니다. 그는 좋은 지적을 합니다. 그래서 div 컨테이너 없이도 작동할 수 있는지 알아보기 시작했습니다.

본문 너비를 설정하면 가능합니다. 제 경우에는 960픽셀입니다.

이것은 내가 사용하고 있는 CSS입니다:

이는 너비가 고정된 인라인 블록을 완벽하게 중앙에 배치합니다.

이것이 모든 사람에게 유용하기를 바랍니다.

이 방법을 사용하면 모든 콘텐츠를 보다 유연하게 맞춤 설정할 수 있습니다. 사용할 수 있는 두 개의 컨테이너를 효율적으로 생성합니다. 배경 역할을 하는 HTML 태그와 콘텐츠가 포함된 컨테이너의 ID가 포함된 div입니다.

이를 통해 번거로움 없이 배경이나 기타 효과를 지우면서 페이지에 콘텐츠를 배치할 수 있습니다. 콘텐츠의 "프레임"이라고 생각하세요.

컨테이너 div는 매우 좋습니다. 사이트를 중앙에 배치하려면 본문이나 HTML만으로는 이를 수행할 수 없기 때문입니다. 하지만 div를 사용하면 가능합니다. 왜 컨테이너인가? 일반적으로 코드가 깨끗하고 읽기 쉬워야 하기 때문에 사용됩니다. 그래서 이것은 컨테이너입니다... 속이려는 경우를 대비해 전체 사이트가 포함되어 있습니다 :)

Div 태그는 웹 페이지의 스타일을 지정하여 웹 사이트의 사용자나 청중에게 시각적으로 매력적으로 보이도록 하는 데 사용됩니다. HTML에서 컨테이너 div를 사용하면 사이트가 더욱 전문적이고 매력적이게 되어 더 많은 사람들이 귀하의 페이지를 탐색하고 싶어하게 됩니다.

컨테이너는 HTML 페이지의 특정 부분을 강조 표시하도록 설계된 요소입니다. 이는 단락, 제목, 인용문, 텍스트 조각 등이 될 수 있습니다. 브라우저는 어떤 방식으로든 HTML 페이지의 컨테이너를 강조 표시하지 않습니다.

웹마스터는 컨테이너를 사용하여 원하는 스타일을 HTML 페이지의 특정 요소에 "바인딩"할 수 있습니다. 또한 컨테이너는 HTML 페이지의 요소에 대한 동작 "바인딩"을 제공합니다.

컨테이너에는 블록 컨테이너와 인라인 컨테이너라는 두 가지 유형이 있습니다.

내장 컨테이너 HTML 페이지의 블록 요소의 일부입니다. 예를 들어, 블록 컨테이너는 단락 텍스트의 조각, 단락에 배치된 그래픽 이미지 등이 될 수 있습니다.

쌍을 이루는 태그는 삽입된 컨테이너를 만드는 데 사용됩니다. 기간. 필요한 블록 요소 조각이 태그 내부에 배치됩니다. 기간, 원하는 스타일이 CSS에서 생성된 다음 태그에 "부착"됩니다. 기간.

블록 컨테이너

쌍을 이루는 태그를 이용하여 블록 컨테이너를 구성합니다. DIV꽤 자주 사용됩니다. 단락, 제목, 표 등 다양한 블록 요소가 블록 컨테이너에 배치됩니다.

안녕하세요, 블로그 사이트 독자 여러분. 에서는 그 원리에 대해 이야기를 시작하려 했으나, 아쉽게도 웹마스터링의 기본 개념을 설명하느라 정신이 많이 혼미해질 수밖에 없었습니다.

이런 근본적인 것들을 정말 무시하고 싶지 않았고, 이 모든 것을 이미 알고 계셨지만, 정확히 대화를 듣고 싶었으나 듣지 못하신 분들께 정말 죄송합니다.

이 기사에서는 따라잡고 개선하려고 노력할 것입니다. 주요 주제에서 너무 많이 벗어나지 않았으면 좋겠습니다. 글쎄, 우리는 사과와 회개가 끝났다고 생각하고 마침내 사업을 시작할 시간입니다.

DIV 레이아웃을 기반으로 2열의 웹사이트 레이아웃을 만듭니다.

따라서 이전 기사에서는 호스팅에 TEST 폴더를 만들었습니다(이러한 목적을 위해서는 기능 개요 참조). TEST 폴더에 향후 레이아웃의 두 가지 주요 파일인 Index.html 및 Style을 배치했습니다. .css. 실제로 그들은 프레임의 가장 간단한 버전을 구성할 것입니다.

다시 말하지만, 실제 레이아웃에서 약간의 휴식을 취해야 할 수도 있습니다. 왜냐하면... 모든 사람이 다음 위치에 있는 루트 디렉터리에 TEST 폴더를 만드는 방법을 이해하는 것은 아닙니다. 실제 호스팅. 또한 그것이 무엇인지 - 사이트의 루트와 FTP를 통해 액세스할 때 찾을 위치입니다. 그러나 실제로 호스팅을 처음 접하는 사용자에게는 이 질문이 사소한 것이 아닙니다.

따라서 먼저 FTP를 통해 연결해야 합니다. FTP를 통한 연결에 대한 세부 정보는 호스팅 제공업체에서 제공해야 합니다(일반적으로 a 참조).

FTP를 통해 연결한 후(저는 이 목적으로 FileZilla 프로그램을 사용합니다. 이에 대한 모든 진실이 기록되었으며 그 예를 사용하여 모든 것을 설명하겠습니다) 이 프로그램의 오른쪽 창에서 디렉토리의 내용을 볼 수 있습니다. 호스팅 업체가 귀하의 사이트, 스크립트 등에 할당한 것입니다.

하지만 이 디렉터리는 루트 폴더가 아닙니다. 루트에는 Index.php 파일과 사용 중인 엔진의 다른 모든 파일 및 폴더가 포함되어야 합니다.

특정 호스팅에 따라 이름이 다를 수 있지만 이 목적을 위해 별도의 디렉터리가 사용됩니다. 기본 디렉터리(FTP를 통해 사이트에 연결할 때 열림)의 내부 폴더 구조도 다를 수 있지만 본질은 동일하게 유지됩니다.

예를 들어 다음 그림을 볼 수 있습니다.

엔진 파일을 FTP를 통해 액세스할 수 있는 최상위 디렉터리가 아닌 소위 루트 폴더에 복사해야 합니다. 존재하는 디렉토리 중 루트가 무엇인지 확인하는 방법은 무엇입니까?

글쎄, 최후의 수단으로 호스팅 소유자에게 직접 물어볼 수 있습니다. 글쎄, 그들은 그러한 문제에 대해 당신을 도울 의무가 있습니다. 그러나 일반적으로 가장 자주 호출됩니다. PUBLIC_HTML 또는 HTMLDOCS.

그러한 디렉토리를 찾지 못했다면 호스팅 소유자에게 질문해야 하며 비슷한 것이 있으면 이것은 악명 높은 것입니다. 뿌리그리고 그 안에 제가 쓴 오래 참음 TEST 폴더를 만들어야하며,이 몇 단락을 읽어 보시기 바랍니다.

FileZilla를 사용하여 디렉터리를 만드는 방법은 무엇입니까? 예, 매우 간단합니다. 프로그램 오른쪽에 있는 최종 디렉터리를 열고 빈 공간을 마우스 오른쪽 버튼으로 클릭한 후 상황에 맞는 메뉴에서 "디렉터리 만들기"를 선택하면 됩니다.

휴, 사이트의 루트 디렉터리에 TEST 폴더를 만들었습니다. 그리고 그것에 대해 감사드립니다. 일반적으로 이것에 신경 쓸 필요가 없었습니다. 어떻게요? 그리고 이렇게. TEST 디렉토리는 웹사이트의 일부 내부 폴더에 생성될 수 있지만 루트에서는 여전히 더 쉽습니다.

로컬 Denver 서버의 경우 다음 디렉터리에 TEST 디렉터리를 생성해야 합니다.

C:\서버\홈\로컬 호스트\www\

"C" 드라이브 대신 로컬 서버가 설치된 컴퓨터의 드라이브를 지정해야 합니다. 그런 다음 Div 레이아웃을 기반으로 생성 중인 2열 레이아웃을 보려면 브라우저의 주소 표시줄에 다음 경로를 입력해야 합니다.

http://localhost/test/

젠장, 모든 것을 이렇게 자세히 말하면 블록 레이아웃에 대한 작은 책을 얻을 수 있고 대부분은 웹 마스터 링의 기본에 전념하지만 다른 방법으로는 쓸 수 없습니다. 분류하는 데 익숙합니다. 선반의 모든 뉘앙스. 걱정하지 마십시오. 우리는 이 모든 것에 전혀 익숙하지 않은 상당히 정통한 웹마스터입니다.

계속해서 레이아웃에 대해 이야기해 보겠습니다.. Index.html 파일에서는 프레임이 구축될 DIV 컨테이너 자체를 정의하고 Style.css 파일에서는 위치와 위치를 설명합니다. 모습이 DIV 컨테이너. 이것은 간단히 말해서 실제로 어떻게 될지 조금 후에 알게 될 것입니다.

브라우저에서 작업 결과를 관찰하기 위해 정기적으로 귀하에게 연락할 것입니다. 주소 표시 줄브라우저에서 호스팅 또는 다음 위치에 있는 TEST 폴더로 이동합니다. 로컬 서버. 실제 호스트의 경우 브라우저의 주소 표시줄에 다음과 같이 입력해야 합니다.

https://사이트/테스트

그러나 여기에는 두 가지 "그러나"가 있습니다. 첫째, https://site/ 대신 URL을 입력해야 하며, 둘째, TEST 디렉터리 이름을 구성하는 라틴 문자의 대소문자에 주의하세요.

폴더 이름을 대문자로 쓴 경우 주소 표시줄에 폴더 이름을 대문자로 입력해야 합니다. (여기서 TEST는 배경에 강조 표시할 목적으로만 대문자로 썼습니다. 나머지 텍스트).

사실 실제 호스팅에서는 대부분의 경우 서버가 UNIX와 유사한 환경에서 실행됩니다. 운영 체제, 여기서 대문자와 소문자는 다릅니다(우리가 작업하는 데 익숙한 Windows와는 다릅니다).

div의 2개 열로 웹사이트 레이아웃을 레이아웃하기 시작합니다.

이미 언급했듯이 먼저 다음과 같이 개략적으로 표현할 수 있는 2열 레이아웃을 만들어 보겠습니다.

이 컨테이너의 속성을 통해 전체 레이아웃의 크기와 정렬을 변경할 수 있도록 모든 요소를 ​​하나의 큰 Div 컨테이너에 배치하겠습니다. 메인 Div 내부에는 개별 블록(머리글, 왼쪽 열, 콘텐츠 영역, 바닥글)을 형성하는 컨테이너가 있습니다.

다음을 사용하여 크기를 설정하고 페이지에서의 위치를 ​​조정합니다. CSS를 사용하여. 그럼 시작해 보겠습니다.

Index.html부터 시작해 보겠습니다. 편집을 위해 편리한 편집기에서 엽니다(저는 이 목적에 가장 적합한 무료 편집기를 사용합니다) 텍스트 편집기메모장++ - ).

올바른 디자인에 익숙해지려면 HTML 문서, 표준 부분을 즉시 적어 보겠습니다. (이전 기사에서 방금 멈췄습니다. DOCTYPE() 및 브라우저가 누락된 경우 자체적으로 추가할 수 있는 다른 모든 상위 태그가 있습니다(스마트해졌습니다. 무서운):

이전 기사에서 이 코드의 모든 줄의 의미를 자세히 설명했으므로(이 발행물의 맨 처음에 있는 링크 참조) 이제 다음 줄에만 집중하겠습니다.

이 줄은 브라우저에게 우리가 계획한 향후 웹 사이트 템플릿의 디자인을 올바르게 표시하는 데 필요한 계단식 스타일 시트 파일(CSS 확장자가 있음)의 이름과 호출할 위치를 알려줍니다. 우리의 경우에는 Style.css()라고 하며 Index.html이 있는 동일한 폴더(실제로 이 줄이 작성된 폴더)에서 찾아야 합니다.

왜 같은 폴더에 있나요? 파일 경로를 지정하지 않으면(파일 이름만 표시) 브라우저는 현재 실행 파일이 있는 동일한 디렉터리(이 경우 Index.html)에서 해당 파일을 찾습니다. 저것들. 경로가 없으면 Style.css에 대한 경로를 다음 형식으로 작성한 것과 같습니다.

그러나 첫 번째 녹음 옵션은 더 짧고 더 보편적입니다. 파일이 있는 폴더의 경로는 여기에 직접 표시되지 않습니다. 즉, Index.html 및 Style.css 파일을 다른 디렉터리에 배치하고 주소 표시줄에서 Index.html에 액세스하면 Style.css가 계속 로드됩니다. 상대 및 절대 링크에 대해 자세히 알아보세요.)

이런 점에서 호스팅이나 로컬 서버에 전혀 신경을 쓰지 않아도 된다는 점을 말씀드리고 싶습니다. 단지 컴퓨터에서 생성임의의 폴더에 Index.html 및 Style.css를 넣습니다. 첫 번째 항목에 Style.css 파일의 경로를 다음 형식으로 작성합니다.

그게 다야. 이제 기본 브라우저에서 Index.html을 열 수 있습니다(두 번 클릭). HTML 확장컴퓨터에 Style.css가 자동으로 로드됩니다.

이 방법은 학습 단계에서는 편리하지만, 실제 호스팅이나 로컬 서버 작업에 관해 제가 말씀드린 모든 내용은 앞으로도 여러분에게 확실히 유용할 것입니다. 이제 컴퓨터의 폴더에서 작업하는 것이 호스팅보다 훨씬 더 편리해질 수 있습니다. 하지만 누가 신경 쓰나요?

index.html에 필요한 블록 세트를 등록합니다.

이제 2열 레이아웃(머리글, 왼쪽 열, 콘텐츠 영역, 바닥글)의 모든 부분에 대해 4개의 DIV 컨테이너를 만들고 이를 하나의 큰 Div로 묶어야 합니다.

이러한 블록의 이름은 명확성을 위해 레이아웃의 일부를 위해 Div 컨테이너 내부에 포함될 수 있습니다. 우리는 Html Body 태그를 열고 닫는 사이에 이 모든 것을 쓸 것입니다. Index.html에 다음과 같은 코드가 표시됩니다.

저것들. 여는 Body 태그 바로 뒤에 레이아웃 컨테이너의 기본 Div의 여는 태그를 작성했습니다.

무료 프로그램과 유용한 팁의 세계
2024 whatsappss.ru