728x90 반응형 HTML10 영역 관련 태그 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> --> lang="ko"> head> 문서의 제목, 스타일 시트, 스크립트, 메타 데이터(문서의 일반적인 정보) --> title>01_글자 관련 태그!!title> meta charset="UTF-8"> head> br> ~ 태그 제목을 입력할 떄 사용하는 태그 1~6 6단계의 폰트 크기가 지정되어 있음 *해당 태그는 시작부터 종료까지가 하나의 문단이 됨 == 종료 태그 이후 줄바꿈이 일어남 --> 기본 글자 크기 h1>h1 태그.. 2024. 5. 29. 목록관련태그 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 반응형