어떻게 HTML 테이블을 확인합니다. 색상 표

새로운 웹 마스터는 많은 도전에 직면해야합니다. 우리가 자신의 웹 사이트 템플릿을 만드는 데 사용할 수있는 오늘 것 같다,하지만 문제는, 그들이 항상 원하는 속성이없는 한 다음 처음부터 웹 사이트 디자인을 만들거나 다른 기존 코드를 변경하려면 다음 중 하나를해야합니다. 그리고는 HTML 코드와 HTML의 테이블을, 사진이나 비디오를 삽입, 배경 색상 및 페이지를 설정하는 방법의 최소 아이디어에 대한 지식이 필요합니다.

테이블에 작업의 시작

마크 업 HTML-페이지에서 가장 어려운 것 중 하나 - 테이블. 문제는 사실, 너무 어렵지 않다 기억, 태그의 복잡하지 않고, 코드를 작성할 때, 당신은 쉽게 실수를 할 수있다 - 그것은 필요가 어디로 가야하지 않는 텍스트를 입력, 여분의 행 또는 셀을 등록 잊지 및 기타 사소한 . 실수의 가능성이 더 큰 테이블 그리고 더.

따라서, HTML에서 테이블을 작성하기 시작, 우리는 최대 초점을 추천하지 산만.

첫째, 우리는 특정 요소의 기본 매개 변수를 어느 셀에 당신이 될 것이라고 표시뿐만 아니라, 자신에 대한 지적, 종이에 미래의 테이블을 그린다.

다음은 테이블의 행의 개수 및 각 행 내의 셀들의 수를 계산하는 것이다. 또한 우리는 같은 테이블에 이미지의 존재, 같은 항목에 유의하는 것이 좋습니다 배경 색상, 테두리, 텍스트를. 그런 다음에야 당신은 저장된 정보를 사용하여 HTML 테이블을 만들 시작할 수 있습니다.

편집자

그래서 당신은 레이아웃 테이블을 만들었습니다. 이제 우리는 그것을 만들 수있는 적절한 편집기를 선택해야합니다. 당신은 특정 사이트를 선택할 수 있으며 디자이너는 그들에 테이블을 만들 수 있습니다. 테이블을 만들고,이 소프트웨어를 사용하면 Word 문서와 같이 간단합니다. 당신은 FrontPage에서 같은 프로그램을 선택할 수 있습니다. 프로그램이 꽤 오래 사실에도 불구하고, 그것은 튜토리얼 이상을 찾을 수 있습니다에, 게다가 좋은 웹 사이트를 만들 수 있습니다.

이 목적과 일반 노트북이나 일반 Word 문서에 사용할 수있는 특수 코드를 사용하여 HTML 테이블을 작성합니다. 그러나, 여기 오래있을 것입니다 코드를 작성하기로 열심히 일해야한다.

당신은 소프트웨어 엔진 자체에 내장 된 편집기를 사용할 수 있습니다. 당신이 많은 엔진에 레코드를 생성 할 때, 그것은 테이블 등 다양한 요소를 추가 할 수있는 기능을 제공합니다. 당신이 만족하지 않은 기본 기능 편집기를 만들 경우에도 코드를 변경는 처음부터 작성하는 것보다 더 쉬울 것이다.

태그

에 관계없이 HTML로 테이블을 만들 시작하기 전에 편집기를 사용하는 방법, 당신은 기본 태그를 기억해야한다. 그 중 세 - <표>, 와 . 모든 태그가 쌍으로되어 있습니다. 첫 번째 테이블, 전체 태그를 나타내는 제 2 선로, 제 정의 - 행 내의 셀.

태그 각각에 대한 조금 더. 테이블은 항상 태그 <표>로 시작하여 로 끝납니다. 모든 브라우저가 그의 앞에 테이블 무엇의 상징이다. 다음에, 태그를 열고 끝나는 라인을 규정. 각 행에서, 태그를 이용하여 셀의 처방 번호.

따라서, 2 × 2 표 코드는 다음과 같이 표시됩니다

<표>

HTML 코드 페이지에 테이블을 삽입하는 선택한 편집기에서 복사 할 수 있습니다.

매개 변수, 셀의 행과 테이블

그래서, 우리는 기본적인 코드를 논의했다. 이제이 더 밝고 매력, 테이블을 개선하는 방법에 대해 이야기하자. 이렇게하려면, 당신은 태그의 기본 매개 변수를 알아야합니다. 이들은 각각의 파라미터는 상기 동일시 후에 시작 태그에 기록하고 인용 취해진 값이 등록된다. <=«#FFFFFF»테이블 BGCOLOR> : 예를 들어, HTML 테이블의 배경은 다음과 같이 정의된다.

우리는 당신에게 가장 도움이 될 것입니다 몇 가지 기본 매개 변수를 나열합니다. 의 테이블 자체부터 시작하자.

그래서, 어떤 수치를 취할 수있는 테두리 너비 매개 변수 국경 도움을 설정합니다. 테두리 색상의 borderColor을 설정합니다. 일반적인 배경 BGCOLOR을 설정합니다.

당신이 테이블 배경 그림을 확인하려면, 당신은 URL 패턴을 설정해야이 경우에 사용되는 배경을 사용합니다.

중앙과 오른쪽을 왼쪽으로 설정할 수 있습니다 정렬됩니다 테이블 매개 변수 주위 페이지의 내용을 맞 춥니 다.

표제 태그는 시작 태그 <표> 직후 레지스터 쌍 <자막> 도움 설정한다.

매개 변수의 비트 문자열입니다. 행의 셀의 색을 사용하여 설정 BGCOLOR. 텍스트 정렬 수평 매개 변수 정렬 (왼쪽, 가운데 또는 오른쪽)를 사용하여 수행 할 수 있습니다, 수직 - vAlign와는 (중간 또는 하단, 상단 값을 가정).

배경 색상 및 배경 패턴 전체 테이블에 대해 동일한 파라미터로 주어진되는 셀에 대해서 것이 주목 될 수있다. 당신은 정렬 및 vAlign와 매개 변수를 사용할 수있는 텍스트를 맞 춥니 다.

열 병합과 ROWSPAN - 별 설정도 있습니다. 제 갖는 셀 연장되는, 칼럼의 개수를 설정할 수있다. 두 번째, 주어진 셀이 연장 될 수있는 로우의 개수를 지정한다.

즉 모든 유용한 옵션이다.

색상 표

이제 색상 표와 같은 유용한 것들에 대해 몇 마디를 가정 해 봅시다. 페이지 배경의 도움으로, 텍스트, 링크 및 기타 요소의 색상을 설정합니다. 컬러 테이블은 약 216 색상이 포함되어 있습니다. 그들 각각은 자신의 16 진수 코드가 있습니다.

코드 자체는 파운드 기호로 시작하고 숫자 또는 문자 세 쌍을 포함한다. 예를 들어, 테이블의 녹색 색상 코드 번호의 007F0 있습니다. 적색, 녹색, 청색 - 각 쌍은 세 가지 기본 색상 중 하나의 강도를 나타냅니다. 테이블을 사용하여, 당신은 당신이 원하는 색상을 선택하고 코드를 사용하여 설정할 수 있습니다.

테이블을 사용할 수없는 경우, 당신은 영어 이름을 사용하여 색상을 설정할 수 있습니다.

내용

내용에 대한 몇 마디. 물론, 대부분의 경우 우리는 HTML 테이블의 텍스트를 볼 수 있지만, 그것은 단지 우리가 넣을 수 있습니다 것을 의미하지 않는다. 그리고 세포주는 사진, 오디오 및 비디오 파일, 링크가 포함되어있을 수 있습니다.

텍스트 또는 셀 (선)의 다른 정보를 배치하기 위해, 두 태그 사이를 설정해야합니다. 예를 들어 이름 . 그것은 셀에 "이름"을 표시합니다.

, <오디오> 및 <비디오> - 그래픽 정보 및 미디어 파일 특수 태그를 사용하여 넣습니다.

팁

마지막으로 우리는 당신이 신속하게 복잡한 HTML 테이블을 만들 수 있도록 몇 가지 유용한 팁을 제공합니다.

테이블이 먼저 자신을 등록하는 것이 좋습니다 작성할 때하는 것은 표와 주요 매개 변수를 태그. 그런 다음 행은 태그를 나열합니다. 각 쌍은 새 줄을 시작합니다. 그래서 당신은 당신의 테이블에 얼마나 많은 행을 볼 수 있습니다. 그들이 기본 다를 경우에도, 열 또는 행의 매개 변수를 열거한다. 그리고 우리는 새로운 라인으로 각 셀을 등록하기 시작하는 것이 좋습니다. 가장자리에서 하나 개 또는 두 개의 들여 쓰기 탭을하는 것이 바람직하다. 따라서, 당신은 아주 명확하게 코드의 구조를 볼 수 있습니다.

세포와 행의 내용은 테이블의 프레임이 준비가되면, 조기 종료로 등록하는 것이 좋습니다.