올리비아 코딩스쿨

이제까지 배웠던 table html 태그코드로 표(테이블)를 만들어보자. 미션1 (4행 1열) 테이블 만들기 - table을 thead, tbody로 나눈다. - thead에서 th를 정한다. Bold체로 표시된다. - tbody에서 tr을 3개 나열하고, 그 안에 td를 각각 넣는다. 이 같은 구조는 4행 1열의 구조를 나타낸다. 🏃 기능 skills scores skills scores 파이썬문법 ⭐⭐⭐⭐⭐ Zep(Metaverse) ⭐⭐⭐⭐⭐ API 활용 데이터 분석 ⭐⭐⭐⭐⭐ 인공지능 ⭐⭐⭐⭐⭐ GUI(turtle, tkinter) 🥇 데이터시각화(pandas) 🥇 미션2 (3행 2열) 테이블 만들기 그런데 만약 내가 4행 2열의 구조로 표를 만들고 싶다면 어떻게 해야할까? 바로, 중첩(nesti..

span은 확장하다는 의미이다. rowspan rowspan은 행(row)을 확장하는 것으로, 시각적으로 세로 방향으로 셀을 합친다. rowspan="3" table data1 table data2 table data3 소재 블록코딩 텍스트코딩 프로그램 개발 colspan colspan은 열(column)을 확장하는 것으로, 시각적으로 가로 방향으로 셀을 합친다. colspan="2" th th td td td td 우리반 남학생 여학생 예(50%) 아니오(50%) 예(40%) 아니오(60%) 합계(100%) cellspacing 셀 앞에 여백 공간을 둔다. 우리반 남학생 여학생 예(50%) 아니오(50%) 예(40%) 아니오(60%) 합계(100%)

HTML 표 만들기를 배워서 글을 2차원인 행과 열로 구조화 시켜 가독성 높게 깔끔하게 표현해보자. 표를 만들어주는 태그이다. 머릿말, 본문, 꼬릿말 머릿말: 표의 head에 들어가는 부분을 그룹 지어준다. 본문: 표의 body에 들어가는 부분을 그룹 지어준다. 꼬릿말: 표의 footer에 들어가는 부분을 그룹 지어준다. 행(table row) 행 데이터(table data) 표의 머리글, 제목(table head) 캡션 Olivia, Kim 💙소개 파이썬 기초 문법, 응용 프로그램 개발, 머신러닝, 딥러닝, 인공지능, 메타버스를 재미있게 배우고, 열정있게 가르칩니다. 💙학습대상 초등학생 중학생 고등학생 성인 💙블로그 파이썬, HTML, 마인크래프트, 인공지능에 관한 글 🏅약력 연도 내용 2010~201..

1. utf-8 웹페이지 안의 모든 text가 UTF-8 인코딩 시스템으로 인코딩 되어 웹사이트를 문제 없이 보도록 한다. 간혹 웹사이트를 열었을 때, 우리가 알아볼 수 없는 글자로 웹사이트가 해석한 것을 볼 때가 있는데 이것을 변형된 캐릭터를 뜻하는 모지마케라고 쓴다. 모지바케가 나타나는 까닭은 브라우저가 잘못된 문자 집합을 사용하여 문자를 렌더링하면서 웹브라우저가 데이터를 이상한 글자로 보여주게 되는 것이다. UTF-08은 HTML 5로 작업할 때 사용하는 표준 인코딩이다. 국제 기호가 모두 포함되어 있기 때문이다. 아래의 그림과 웹사이트는 웹사이트 내에서 올바르게 렌더링하기 위해 사용하는 UTF-8 문자 목록이다. https://www.fileformat.info/info/charset/UTF-8/..

과거 html로만 제작된 웹사이트의 초창기 모습을 살펴보자 wayback machine이라는 웹사이트의 과거를 기록하고 있는 아카이브 사이트가 있다. https://archive.org/web/ 웹사이트를 검색하면, 내가 원하는 시기의 웹사이트 모습을 보여준다. 예컨데, 2000년 6월 19일의 네이버 웹사이트 화면을 보자면, 지금과는 너무너무너무 다른 모습이 보인다... 완전 html로만 구성되어 있다. 이 모습이 조금 촌스럽게 보일 수도 있지만 이 정도만 되도 내가 기록하고 싶거나 보여주고 싶은 정보를 모두 넣을 수 있을 것이다! 실제로 저명한 인물들도 이정도 html로 구성된 자기소개서를 웹사이트에 올려놓고 있다. https://www.cs.cornell.edu/home/kleinber/ Jon K..