728x90 반응형 web9 영역 관련 태그 DOCTYPE html>html lang="en">head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, initial-scale=1.0"> title>06_영역 관련 태그title> style> div{ border : 1px solid black; /* div 태그에 1px 검은색 실선 테두리 추가*/ } #div1{background-color: red;} #div2{background-color: orange;} #div3{background-color : yellow;} span.. 2024. 5. 30. 표 관련 태그 DOCTYPE html>html lang="en">head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, initial-scale=1.0"> title>04_표 관련 태그title> style> .tb3{ border: 2px solid black; } .tb3 th,td{ border:1px solid black; } .tb3 thead{ background-color: yellowgreen; } .tb3 tbody{ .. 2024. 5. 30. 목록관련태그 DOCTYPE html>html> head> title>02_목록 관련 태그title> meta charset="UTF-8"> head> body> h1>02_목록 관련 태그h1> h3>ul(Unordered List) 태그 : 순서가 없는 목록을 작성하는 태그(영역)h3> h3>li(List Item) 태그 : 목록에 들어가는 내용을 작성하는 태그h3> ul> li>샌드위치li> li>주먹밥li> li>돈까스li> li>카레li> ul> hr> h3>ol(Ordered List)태그 : 순서가 있는.. 2024. 5. 29. 이전 1 2 다음 728x90 반응형