글 머리 기호 및 번호 매기기 목록 HTML

간단한 목록 여기처럼

기준에 따르면, 목록의 각 항목은 열고 닫는 태그 리 안에 있어야합니다. 당신이 닫는 태그를 넣어하지 않는 경우에, 결과는 정확히 동일합니다. 핸들러는 매우 영리하다. 변환 목록 동안, 그는 오프닝 태그를 분석합니다. 그는 새로운

이에 따라,리스트는 다음과 같이 수행 될 수있다.

그러나 전문가의 관점에서 올바르지 않습니다.

글 머리 기호 목록

번호가없는 (또는 마커) 목록 정확히 UL 기록 된 같은 단지 대신 OL 태그입니다.

에서 글 머리 기호 목록, 단지 다른 문자, 마커라고 - 아니 숫자 또는 문자.

다단계 번호 매기기 목록 HTML

많은 사람들이 같은 기회에 관심이 있습니다. 따라서, 어떤 HTML 번호 목록 다단계 될 수 있음을 유의해야한다. 추가의 층은 동일하거나 분류 할 수있다.

위의 예제에 지정된 목록을 만들려면 다음을 작성해야합니다.

첫 번째 예, 추가 속성 유형 대조적으로,이 코드의 해당 주. 그 덕분에, 당신은 모두 번호과 마커 목록에 대한 정렬의 유형을 지정할 수 있습니다.

번호가 들어하는 문자 또는 숫자의 유형을 지정하고 나머지 경우에 - 마커의 유형입니다.

옵션 목록 정렬

당신이 특별한 HTML 태그를 사용하는 경우, 번호가 매겨진 목록은 당신이 원하는 방법이 될 수 있습니다.

당신은 테이블에서의 값으로 type 속성을 지정할 수 있습니다. 또는 교실 스타일의 CSS를 원하는 정렬 유형 목록 - 스타일 유형을 지정합니다.

값의 번역은 매우 간단합니다. 영어의 충분한 기본 지식. 하지만 단어 "원", "광장"등. N. 번역 할 수없는 경우에도, 당신은 시각적으로 당신이 유형의 속성에이 값을 지정하는 결과가 무엇인지 볼 수 있습니다.

번호 매기기를 들어, 다음과 같은 옵션을 사용합니다 :

• 1 - 아라비아 숫자;
• A - 대문자 문자 ;
• A - 소문자;
• 나는 - 로마 숫자를 대문자;
• 난 - 소문자 로마 숫자.

기본적으로 목록이 항상 함께 사용되는 아라비아 숫자. 즉 당신은 아무것도 지정하지 않은 경우, = "1"을 입력하는 것과 동일하다.

또한, 번호가 매겨진리스트는 임의의 위치에서 시작할 수있다. 기본 - 1의 결론하지만 당신이 원한다면 당신도 백으로 시작할 수 있습니다. 이렇게하려면, 당신은 어떤 값으로 시작 속성을 지정해야합니다.

또한,이 역순으로 결론을 내릴 수있다. 이렇게하려면 반전을 작성합니다.

목록 만들기

번호가 HTML 목록은 바로이 일반적인 목록, 그리고 포토샵에서 만든 사진입니다 것을 추측 할 수 있도록 아름답게 배열 될 수있다.

여기에 목록의 아름다운 예입니다.

이 예로부터 알 수있는 바와 같이, 상기 요소 자체의 외관 및 번호를 변경할 수있다.

이 같은 일반 목록을 만들 수 있습니다.

CSS 스타일에서 당신은 OL 태그의 디자인을 지정해야합니다. 이 경우, 설정이 모든 목록이 스타일 파일을 사용하는 모든 사이트에 적용됩니다합니다.

원형 체크리스트 1 실시 예를 고려한다. 코드 목록으로 돌아갑니다. 설정 클래스 둥근 목록이있다. 즉 같은 아름다움을 만들기 위해, 수리를 위해이 클래스의 필요성을합니다. 당신이 원하는대로 클래스 당신을 호출합니다.

이제 사각형 디자인을 고려하십시오.

스타일은 매우 유사합니다. 차이점은 첫 번째 경우에는 CSS 옵션을 통해 라운딩 요소가 있다는 것이다.

브라우저 지원

모든 브라우저가 모든 CSS 속성을 지원한다는 것을 이해하는 것이 중요하다.

예를 들어, 중간에 번호가 매겨진 목록을 만들고 싶어. HTML 코드는 동일하지만, 이전 버전의 브라우저에서 결과는 상당히 다를 수 있습니다.

동일 번호의 디자인에 적용됩니다.

당신이 볼 수 있듯이 핸들러는, 등록을 할 수 있도록 새로운 특성을 모르기 때문에, IE의 이전 버전에서 숫자 주위의 사각형은 나타나지 않았다.

전문 코더는 예측하고 모든 사용자가 최신 컴퓨터를 사용하는 것이 이해해야합니다. 모든 Windows 7, 8, 10 설치되지 않음 여전히 윈도우 XP에 앉아 인터넷 익스플로러의 이전 버전을 사용하는 사용자의 비율이 있습니다.

원칙적으로, 거의 모든 현대적인 디자인은 요소는 지원되지 않습니다 향상시킬 수 있습니다. 사용자는 자신이 사이트의 디자인에 작동하지 않았다는 것을 느낄 것이다. 모든 밖으로 이동했다. 요소는 함께 모여서된다. 이 문제를 방지하려면 모든 옵션을 계산해야합니다.

시장 오늘의 점유율이 적게되고 있기 때문에 일부 웹 마스터는 그들에게 눈 감아있다. 그러나 전문 것은 상업 사이트입니다 특히, 모든 방문자를 주셔서 감사합니다.

모든 적합한 무언가를하거나 브라우저에 대한 모든 옵션을 고려하십시오.