본문 바로가기

LEARN190

[부스트코스] 3 HTML 콘텐츠모델, 시멘틱마크업, 블록 3. 콘텐츠모델, 시멘틱마크업, 블록 1) 콘텐츠 모델 Metadata Flow Sectioning Heading Phrasing Embedded Interactive METADATA 콘텐츠의 style(표현), script(동작)을 설정하거나, 다른 문서와의 관계 등의 정보를 포함하는 요소 base, link, meta, noscript, script, style, title 에 포함됨 FLOW 문서에 사용되는 대부분의 요소 a, abbr, address, map>area, article, aside, audio, b, bdo, blockquote, br, button, canvas, cite, code, datalist, del, details, dfn, div, dl, em, embed, field.. 2022. 3. 14.
[부스트코스] 2-2 HTML 태그 2. HTML 태그 8) 테이블 요소 1 표 (TABLE) 데이터 표를 나타내는 태그 표는 셀(내용이 들어가는 하나의 칸)로 이루어져 있음 행(가로 방향) row, 열(세로 방향) column , : 데이터 셀(table-cell) : 행(table-row) : 표 테이블 구조 관련 태그 : 표의 제목 : 제목 행을 그룹 : 바닥 행을 그룹 (이 뒤에 위치해야 함) : 본문 행을 그룹 Monthly Savings Month Savings Sum $180 January $100 February $80 테이블 관련 속성 colspan: 셀을 가로방향으로 병합 rowspan: 셀을 세로방향으로 병합 Monthly Savings Month Savings Sum January $100 February 9) 테이블.. 2022. 3. 13.
[부스트코스] 2-1 HTML 태그 2. HTML 태그 1) HTML 태그 소개 존재하는 태그는 100여개가 넘지만, 실제 사용하는 태그는 한정적임 Reference https://www.advancedwebranking.com/seo/html-study/#overview 2) 제목과 단락요소 Heading 태그 (h1~h6) paragraph 태그 (p) Linebreak 태그 (br) 제목 (HEADING) Hello 문서 내에 제목을 표현할 때 사용 h1~h6 역사 개발 팀 버너스리 1980년, 유럽 입자 물리 연구소(CERN)의 계약자였었던 물리학자 팀 버너스리가 HTML의 원형인 인콰이어를 제안하였다. 인콰이어는 CERN의 연구원들이 문서를 이용하고 공유하기 위한 체계였다. 1989년에 팀 버너스리는 인터넷 기반 하이퍼텍스트 체계.. 2022. 3. 12.
[부스트코스] 1 HTML 이해하기 부스트코스에서 '자바' 강의를 들었었는데, 이번에는 HTML/CSS 과정을 들어보았다. 사실 생활코딩을 통해서도 HTML이랑 CSS 강의를 들었었지만? 부스트코스를 통해서 들으면, 수료증도 발급을 해준다. 수료증이 있는 게, 내가 관리하기도 좋을 것 같아서! 부스트코스를 통해 들어보는 걸로 결정. 비전공자를 위한 HTML/CSS 부스트코스 무료 강의 www.boostcourse.org 비전공자를 위한 HTML/CSS 강의이고, 이후에 JavaScript 강의를 들을 예정이다. 커리큘럼은 위와 같이 진행이 된다. HTML 관련 기초강의를 들은 후, CSS 강의로! 1. HTML 이해하기 1) HTML 소개 Hyeper Text Markup Language 웹 페이지를 만드는 언어 Hyper Text = 링.. 2022. 3. 10.
[STS4] 웹 서버 포트 변경 (톰캣) 톰캣 웹 서버는 기본적으로 8080 포트를 사용한다. 실습 중 다른 것과 포트 충돌이 일어날 수도 있어서, 포트를 8081로 변경한다. Servers -> Tomcat v9.0 Server at localhost-config -> server.xml 2022. 3. 10.
[Eclipse] 이클립스 단축키 이클립스 단축키 소스정리: ctrl + shift + F 실행: ctrl + F11 위줄 복사: ctrl + alt + 방향키↓ 삭제: ctrl + d rename: Project에 두고 F2 알게될 때마다 추가 예정 2022. 3. 9.