다음을 사용하여 HTML에 글머리 기호 만들기
- 태그.
글머리 기호를 사용하면 많은 양의 텍스트를 나누고 유용한 정보 목록을 표시하는 데 도움이 됩니다. 글머리 기호는 워드 프로세싱 소프트웨어에서 생성하기 쉽지만 HTML 문서를 입력할 때 글머리 기호를 생성하는 코드를 알아야 합니다. 글머리 기호 목록을 만드는 데 필요한 코드는 많지 않습니다. 각 목록을 래핑하십시오.
- 또는 "순서 없는 목록" 태그. 그런 다음 Cascading Style Sheet 코드를 사용하여 글머리 기호 목록으로 원하는 모든 작업을 수행할 수 있습니다.
1 단계
글머리 기호에 대한 텍스트를 작성합니다. 각 점을 자체 선에서 시작합니다. 각 줄을 감싸십시오.
오늘의 비디오
2 단계
글머리 기호 목록 위에 빈 줄을 만든 다음 여는 부분을 입력합니다.
- 해당 라인에 태그를 지정합니다. 글머리 기호 목록의 끝을 찾은 다음 거기에 다른 빈 줄을 만듭니다. 닫기 입력
- 꼬리표. 다음은 ID 속성이 있는 짧은 글머리 기호 목록의 예입니다.
- 총알 하나
- 총알 투
3단계
CSS 코드를 사용하여 글머리 기호 목록을 만들려면 "스타일"을 사용하십시오. 및 태그 사이의 태그 사이에 CSS 코드를 추가하거나 외부 .CSS 파일에 CSS 코드를 작성하고 다음을 사용하여 파일을 포함할 수 있습니다. 다음과 같은 태그:. 생성한 .CSS 파일의 경로로 "path/to/stylesheet.css"를 변경합니다. ID 또는 클래스 속성을 사용하여 다음과 같이 글머리 기호 목록을 선택합니다.
#mylist li { 글꼴 스타일: 기울임꼴; }
위의 코드는 모두 선택
4단계
글머리 기호 유형을 변경하려면 CSS의 "list-style" 속성을 사용하십시오. 사용 가능한 글머리 기호 유형에는 열린 원, 채워진 디스크 및 번호가 없고 알파벳이 없는 목록에 대한 사각형이 포함됩니다. 다음은 사각 글머리 기호의 예입니다.
#mylist li {목록 스타일: 정사각형;}
팁
사용
- 대신 태그
- 정렬된 목록을 생성합니다. 그런 다음 "목록 스타일" 유형을 다양한 유형의 숫자 또는 문자로 설정할 수 있습니다.
- 반복되지 않는 왼쪽 정렬 배경 이미지에 태그를 지정합니다. 각각의 왼쪽에 패딩 추가
- 태그를 사용하여 텍스트를 이동합니다. 그렇지 않으면 이미지와 겹칩니다.
"list-style" 속성에 "none"을 지정하여 이미지 글머리 기호를 만든 다음 모든
