Web77 html 기본이자 기초 태그 3 table (table, thead, th, td) # table 태그 table태그는 일종의 body와 같다. 좀 더 정확히는 columns과 rows로 이루어진 그런걸 생각하면 된다. 그리고 사용해야하는 태그가 변화한다. thead는 기존의 head다. th는 각 컬럼을 나타내는 것이다. td는 각 행을 나타낸다. 라고는 하지만 명확히 th, td의 차이점을 아직은 모르겠다. 일단 보류 더 명확하게는 내 기준에서 행은 td가 아니라 tr이다. 따라서 한칸씩 다른 줄로 변화를 주려면 tr로 감싸주어야 한다. 샘플 코드를 첨부한다. Col 1 Col 2 Col 3 entry 1 data 2 data 3 2022. 9. 27. html 기본이자 기초 태그 2 div, span, img, a #div div는 css나 java script를 먹여줄때, 해당부분이 적용되기 쉽게끔 단락을 구분해주는 것이라고 보면 된다. 물론 div로 감싼영역을 비롯한 영역 전체를 변경하고 싶다면 당연히 필요가 없지만 사이즈가 커지면 커질수록 세분화 해서 효과를 먹이고 싶은 대상은 갈라지기 마련이다. #span span은 div보다 더 작은 단위라고 보면 된다. 이를테면 div는 보통 한줄, 한줄 단위를 구분하는데 사용하지만 span은 한줄 안에서도 구분하고 싶은 부분을 지정해서 css등의 효과를 먹이는데 사용된다. #img img는 기본적으로 이미지를 가져올때 사용이된다. 그리고 내부요소로는 src, alt이 있다. src는 해당 이미지 파일의 경로를 적는 란이고 alt는 만약 src의 경로가 잘못되었거나, r.. 2022. 9. 27. html 기본이자 기초 태그 1 list (ol, ul, li) # 유용한 html list (ol, ul, li) #1 ol order list의 약자로써, 순서가 있는 리스트를 의미한다. 따라서 이 안에 들어오는 li는 숫자가 붙어서 출력되게 된다. #2 ul unordered list 의 약자로써 순서가 없는 리스트를 의미한다. 따라서 이 안에 오는 li는 숫자가 없이 리스트 앞에 점이 붙어서 출력되는 형식으로 나온다. 2022. 9. 27. bootstrap 기초1 기본 일단 강의 1개로는 bootstrap이랑 css가 도대체 뭐가 다른건지 모르겠다. # html 영역 Click! Hello world # css 영역 .container { width: 300px; /* 화면 가운데 정렬 / 정가운데는 아님 */ margin: auto; background-color: orange; } .btn { display: inline-block; padding: 10px; background-color: royalblue; /* 글씨 색상 */ color: white; /* 박스 라운드 */ border-radius: 6px; /* 버튼 기본요소 같다. */ cursor: pointer; } 2022. 9. 6. 이전 1 ··· 13 14 15 16 17 18 19 20 다음