어떻게 HTML에서 테이블을 만드는 방법 : 자세한 설명

표 - 가장 중요한 중 하나지만, 웹 페이지에 있어야 동시에 복잡한 요소에서. 그들의 도움으로 오히려 간결한 형태로 중요하고 유용한 정보를 적용하는 것이 편리하다. 물론, 대부분의 편집자는 템플릿에, 다른 엔진에 작업을 자동으로 귀하의 웹 사이트 또는 별도의 간행물,하지만 웹 디자인 리소스 경우, 그 페이지가 처음부터 생성에 표를 삽입? 어떻게 만드는 그런 다음 초보자 마스터는 문제가 발생할 수 있습니다 HTML 테이블을. 이제 얼마나 빨리보고 정확하게 항목을 만들 수 있습니다.

편집기를 선택

우선, 테이블을 작성하기 시작, 당신은 당신이 작동하는 편집기를 정의해야합니다. 물론, 가장 쉬운 방법은 기본 사이트 코드를 생성하는 프로그램을 선택합니다. 그러나 이러한 목적 좋은 오래된 메모장을 위해 사용하는 것이 가장 좋습니다.

당신의 인생을 복잡하게 이유를 잘 작성 편집기에서 모든 것을 할 경우, 결과를 즉시 볼 수 있기 때문에 당신도, 요청할 수 있습니다, 심지어 사용하는 프로그램은 메시지를 표시합니다.

예, 당신은 철저하게 그것의 창조의 원리를 검사 할 수 없습니다뿐만 아니라 기본 코드에 당황 오타 및 오류를 방지하기 위해 사실이지만, 처음부터 테이블을 만들 수 있습니다. 때로는 커서가 아래로 이동하고, 오류 코드를 작성하는 과정을 찾기 어려운 경우 인에서 섬뜩한 것을 우연히 발생합니다. 노트북에서 테이블을 작성, 당신은 코드를 복사하여 당신을위한 올바른 위치에 붙여 넣을 수 있습니다.

테이블을 생성하는 알고리즘

시작하려면, HTML에서 테이블을 만드는 방법을 짧은 알고리즘을합니다. 이것은 당신이 각 단계의 순서를 이해하도록하는 것입니다. 그런 다음 각 항목을 수행하는 방법을 정확하게 분석 할 수 있습니다.

이제 준비 작업을 시작하자.

1. 종이 테이블 이미지의 설계도를 그립니다.

2. 행 및 셀의 개수를 카운트. 다른 과거의 수는 경우 - 개별적으로 각 ryadochka 생각합니다.

3. 행 머리글 셀의 수 (예를 들어,«№»세포, "이름"과 t. D.)를 결정합니다.

색상, 높이와 너비, 텍스트 정렬 - - 테이블의 주요 매개 변수를 기록 4. 짧은에, 모든 것을 당신이 적합 보이는 그.

그런 다음 테이블의 창조로 직접 이동 :

1. 태그 테이블을 삽입합니다.

2. 당신이 필요로하는 양에 따라 라인의 태그를 삽입합니다.

3 행은 종이에 기록되어있는 양에 기초하여, (정상 대문자) 세포의 태그를 삽입한다.

4. 전체 테이블에 대한 매개 변수를 설정합니다.

5. 당신은 개별 셀에 대한 매개 변수를 설정해야합니다.

6. 우리의 셀 텍스트를 입력합니다.

테이블을 생성

그래서, 당신은 지금, 편집기를 선택의 HTML로 테이블을 만드는 방법을 살펴 보자. 표있게 태그 (<표>) 우리 건설이 시작 태그와 로 끝나는, 즉 짝 페이지 코드에 삽입된다.

태그 테이블 삽입 행과 세포를 만들 진행합니다.

이제, 우리는 이러한 요소도 짝 있습니다. 태그는 문자열을 정의하고, - 세포.

위 세포 <번째> 한 쌍의 요소를 표기 내용.

이미 언급 한 바와 같이, 첫번째 단계는 그 후에 셀을 등록해야 선을 그리는 것이다. 혼란을 피하기 위해, 한두 줄의 각 블록 사이에 패딩을 할, 그렇지 않으면 "탭"키를 사용하여 새 블록 요소를 처방하는 것이 좋습니다.

어떻게 같을 수 있습니까? 이런 식으로 뭔가 :

• <표>;
• ;
• <토륨> <번째 />의 P / P는 №;
• <목> 이름 ;
• ;
• ;
• 1 ;
• 이바노프 ;
• ;
• .

당신이 볼 수 있듯이, 아무것도 그것에 대해 복잡하지 않습니다. 중요한 것은이 - 행과 세포의 수에서 분실하지 않습니다. 그렇지 않으면, 테이블이 기울어 져있다.

우리는 지금 우리가 매트릭스와 행과 세포 모두의 매개 변수로 이동할 수 있습니다, HTML에서 테이블을 만들 해체된다.

테이블 옵션

정렬에 : 코드가 기록 될 때, 다음과 같은 사항에주의 할 필요가 테이블되는 HTML의 색상 등등 테두리, 배경, 텍스트 등을.

파라미터는 테이블 태그 <표>에 규정되어있다. 이들은 다음을 포함한다 :

1. 국경 - 테두리 너비. 정수로 정의. 기본적으로 모든 테이블 테두리가 사라지고.

2.의 borderColor - 테두리의 색상. 그것은 16 진수 색상 (# 00008B), 및 angliykom에 자신의 이름 (DarkBlue)로 제공 될 수있다. 기본적으로 항상 회색이다.

3. BGCOLOR - 배경 색상. 코드 또는 이름으로 지정한다.

4. 정렬이 - 테이블의 텍스트를 맞 춥니 다. 기본값 - 왼쪽에. 이 매개 변수에 대한 다음과 같은 옵션이 있습니다 :

• 왼쪽 - 오른쪽으로 랩;
• 왼쪽 -obtekanie 권리;
• 센터 - 아니 흐름을 중간에 출력 테이블.

5. 폭 및 높이 - 폭과 높이의 테이블. 이는 픽셀 또는 퍼센트 (브라우저 창의 크기에 대하여)로서 일 수있다.

특정 표시를 처방, 당신은 디자인에 특히주의를 기울여야한다. 따옴표로 소정의 값을 표시 후 서명 "동일한"를 이동하려면 매개 변수를 지정 후.

텍스트의 색상에 관해서는, 다음은 HTML 형식으로 일반 텍스트와 같은 방법으로 밖으로합니다.

테이블의 예 :

• <표 테두리 = "2"의 borderColor = BGCOLOR = "# 00008B"는 "#FFFFFF"= "센터"폭 = "800"의 높이를 정렬 = "800">;
• ;
• <토륨> <번째 />의 P / P는 №;
• <목> 이름 ;
• ;
• ;
• 1 ;
• 이바노프 ;
• ;
• .

매개 변수 행

그래서 우리는 이미 HTML에서 테이블을 만들와 주요 매개 변수를 처방하는 방법을 알아 냈어요. 그러나 우리는 문자열을 할당하기 위해 무엇을해야하는 경우? 그녀하지 테이블의 본체로 확인?

광고 파라미터가 데이터 테이블과 동일한 방식으로 태그 에 기록된다. 다음 변수가 정의 할 수 있습니다 라인에 :

1. 이미 당신에게 국경의 borderColor 및 BGCOLOR을 알려져 있습니다.

2. 정렬이 - 라인에 텍스트를 맞 춥니 다. 중앙과 오른쪽을 왼쪽으로 설정할 수 있습니다.

3. vAlign와는 - 태그는 수직으로 텍스트를 정렬합니다. 그것은 다음과 같은 값을 사용합니다 :

• 상단 - 텍스트가 상단 경계에 정렬;
• 중간 - 중간에;
• 하단 - 하단 가장자리.

예 선 통관 :

• ;
• <토륨> <번째 />의 P / P는 №;
• <목> 이름 ;
• .

매개 변수 세포

개별 셀의 매개 변수, 정상과 자본 모두 - 그리고 마지막 것은 당신은 HTML에서 테이블을 만드는 방법을 알고 싶은 사람들에게주의를 기울여야한다. 사실, 모든 것이 테이블 또는 행과 동일한 방법으로 수행됩니다. 은 두 가지 중요한 요소를 추가 :

1. 열 결합 -이 파라미터는 셀이 연장 될 수있는 열 번호를 지정한다.

2. ROWSPAN는 - 이미이 셀이 차지하는 행의 수를 나타냅니다.

디자인이 처방 라인과 다르지 않습니다 때문에, 샘플 코드가 발생하지 않습니다.

연구 결과

처음 눈에 보일 수도로 테이블이 어렵지 않습니다 확인합니다. 중요한 것은 해당 코드 작성 - 인내와 관심을.

HTML에서 표를 삽입하는 방법에 관해서는, 다음의 코드 번호는 복사, 당신의 의견에 배치해야하는 페이지의 장소에 붙여 넣기에 충분하다.

실험을 두려워하지 마십시오, 곧 당신은 완벽하게 테이블을 만드는 기술을 마스터하고 있습니다. 행운을 빌어 요!