IT잡학사전/Python HTML etc
HTML coding 코딩 실습 - 목록만들기 list, ul, ol, li .. (#3)
데이터랑
2023. 1. 7. 03:04
728x90
바로 아래처럼 문장앞에 자동으로 번호를 부여하면
나중에 라인이 중간에 추가되거나 삭제해도 따로 번호를 수정하지 않아도
브라우저가 알아서 번호를 부여해 줍니다.
번호대신 글머리표로 나오게 할수도 있구요
문장 리스트를 위한 태그들 입니다.
실습버튼을 눌러 확인하면서 더 쉽게 html 태그를 공부하세요 !
HTML 핵심 태그로 블로그를 고급지게... 나도 웹 퍼블리셔가 된다!
- HTML 문서 구조 head와 body
- 문단관련 태그 body, br, p div ..
- 목록관련 태그 list, ul, ol, li ..
- 글자관련 태그 h1, h2, h3.. font, sup, sub, strike, cite, code, small, s ..
- 멀티미디어 삽입관련 태그 a, embed, object, img, map, area, applet ..
- 표관련 태그 table, tr, td, th..
- 프레임관련 태그 iframe
- 문서양식 태그 form, input, select textarea ..
목록 관련 HTML 태그 ul, ol, li ..
태그 | 역할 | 실습 하기 |
<ul></ul> | 순서가 없는 기호 목록 작성 | ul 실습 클릭 |
<ol></ol> | 순서가 있는 숫자 목록 작성 | ol 실습 클릭 |
<li> | 목록 각각의 내용 정의 주로 ul, ol 태그내에서 사용 | li 실습 클릭 |
<dl></dl> | 용어에 대한 정의 목록 | dl 실습 클릭 |
<dt></dt> | 용어의 제목 | dt 실습 클릭 |
<dd></dd> | 용어의 내용 | dd 실습 클릭 |
초등, 중학 html 코딩교육 프로젝트
728x90
728x90