본문 바로가기
etc/컴퓨터공학

인터넷프로그래밍 #2-1서식 태그와 목록태그

by lazy_nyoung 2024. 4. 10.

인터넷 프로그래밍
2-1 서식태그와 목록태그

 

단원 목표

1. 서식태그의 예를 5가지 이상 들고, 각각에 대해 설명하기
2. 목록태그 3가지에 대해 설명하기
3. 순서 없는 리스트(ul)로 간단한 메뉴를 만들기

 


서식(Texts) 태그 
<h1>...<h6> - headings: 제목
P - paragraph:문단
br - break:줄바꿈
hr - horizontal rule:가로줄
span - 그룹(인라인)
strong(b) - 강조, bold: 굵은글씨체
small - 덧붙이는글, 저작권, 법률표기 등
del - deleted: 제거된 텍스트
ins - inserted: 밑줄
sub - subscript: 아래첨자
sup - suoerscript: 윗 첨자
blockquote - 인용구(블록)
q - quotation : 인용구(인라인)
abbr - abbreviation/acronym: 줄임말

목록(List) 태그
순서 없는 목록(An Unordered List)
list-style-type:disc불릿형(기본값)
list-style-type: circle 작은 우너형
list-style-type: square 작은 사각형
list-style-type: none 마크 생략
순서 있는 목록(An Ordered List)
type="1" 숫자 목록(기본값)
type="A" 알파벳 대문자
type="a" 알파벳 소문자
type="I" 로마 숫자 대문자
type="i" 로마 숫자 소문자
설명 목록(A Description List)
<dl><dt></dt><dd></dd><dd></dd><dt></dt><dd></dd></dl>
dt 타이틀 dd내용

 

 

 

*** *** ***  *** ***  *** ***  *** ***  *** ***  *** *** 핵심정리 *** ***  *** ***  *** ***  *** ***  *** ***  *** *

서식태그(Texts) - 주요 구성요소
목록태그(Lists) - 순서 유무의 목록을 생성
순서 있는 목록(ol) - 순서를 가진 목록
순서 없는 목록(ul) - 순서를 갖지 않은 목록
설명 목록(dl) - 부가 설명 나열이 가능한 목록