반원 블로그

table 태그 표를 표현 1.table 태그 2.thead와 tbody 3.tr 여러개 4.thead의 tr안에는 th 4.tbody의 tr안에는 td table 내부 태그 설명 thead : 테이블 태그의 제목을 표현하는 태그 tbody : 테이블 태그의 내용을 표현하는 태그 tr : 하나의 행을 나타내기 위한 태그 th : 제목 행(thead>tr)에서 열을 나타내기 위한 태그 td : 내용 행(tbody>tr)에서 열을 나타내기 위한 태그 tfoot : 테이블 태그의 요약을 표현하는 태그 caption : 테이블의 제목을 표현하기 위한 태그 table 기본구조 표제1 표제2 내용1 내용2 출력모습 표제1 표제2 내용1 내용2 ul태그과 ol태그 ul: Unordered HTML List. 번호가 ..

HTML 관계 종료 부모(Parent)와 자식(Children 또는 Childrens) 같은 부모 = 형제(Sibling) 이런 관계가 계속 이어지며 Tree구조를 구성한다.(HTML Trees) 권장하는 부모 요소, 자식 요소 몇 가지 경우의 수로 나눠지나 가장 큰 기준은 아래와 같다. 부모 div같은 블록 요소 자식 일부 블록 요소 + 인라인(inline) 요소 id 속성 한 페이지의 유일한 요소의 식별자 한 페이지에 같은 id 속성값이 존재할 순 없다. class 속성 한 페이지에 다중 요소의 식별자 관리를 위한 그룹을 만들어준다고 볼 수 있다. 자주 나오는 요소 패턴 내용 : 해당 내용에 대한 연결주소(HyperLink) 지정 : 마쳐주는 태그가 없다. : 줄 바꿈. Line Break : 레이아..

Django 웹 개발 에디터는? Pycharm과 VSCode를 두고 고민 웹 개발은 VSCode가 대세인 것 같아서 이를 선택 https://code.visualstudio.com/ VSCode 필요한 Extension : Live Server, HTML Snippets, Python Live Server : html 파일을 만들고 실행하려면 Ctrl + Shfit + P를 누르고 'Live Server:Open with Live Server' 클릭 HTML Snippets : html 자동 완성 시켜줌. html이라 입력 후 html:5를 선택하면 자동으로 템플릿 완성 Python : Python 파일을 실행시키기 위해 필요.

HTML이란 모든 웹페이지의 기본이 되는 마크업(구조화) 언어 웹 상에 정보(버튼이 있다. 텍스트 입력창이 있다. 이미지가 있다 등)를 표현하기 위한 구조화 언어 크게 HTML(웹 페이지의 구조틀) + CSS(웹페이지의 스타일)+ JavaScript(웹 페이지의 기능)으로 나누어짐 우리가 보는 웹 페이지는 서버에서 보내준 웹페이지를 웹 브라우저로 번역해서 보는 것 HyperText Markup Text HyperText : 연결 링크 텍스트 Markup : 구조화 웹(Web) 인터넷에 연결 된 컴퓨터들을 통해 정보 교환 및 공유를 할 수 있는 기술 영역 클라이언트와 서버 클라이언트 : 고객, 소비 측 서버 : 제공자, 서비스 측 웹 서비스에서는 클라이언트가 서버에 원하는 페이지나 정보를 요청하고, 이에 ..