모-코드

I. 표 태그 (12) 학습목표 격자형 콘텐츠를 표현하는 태그로 오랫동안 많이 사용해 오던 태그이다. 최근에는 사용률이 조금 적어지기는 했지만 반드시 알고 있어야 할 태그이다. 격자형 태그 사용하기 가로/세로 방향으로 셀 병합하기 1. 표(테이블) 태그 (46) 이전에 우리는 컨텐트 감싸는 내용 중 5가지를 잡아라 제목,문장,목록,표,폼 이냐 이다. 우리는 폼까지 이야기했는데 표는 아직 설명안했다. 가장많이 사용하는것이다 테이블은 격자형이다. 1) 테이블은 격자형의 컨텐트를 가지는 컬럼이 여러개인 목록을 만들 때 이다. (emmet snippets) table>tr*3>td*4 table 태그안에 tr태그 3개, td태그 4개를 하는 방법이다 2) 그런데 안보인다. CSS로 해야하는데 나중에 해보자 일단..

I. 시맨틱 영역태그(6) 1. 섹션 내의 영역 태그 용법(22) main은 꼭 한번만 가능한데, 한번은 나와야할까? 나오지 않아도 괜찮다! index페이지나 관리자페이지 등은 메인이 없을수도있다. 왜? 음식먹으러 왔는데, 중국집이 요리 홍보위해 시식코너 만들었는데 메인은 없는것이다.' 1) header / main / footer 얘들은 section이 아니기 때문에 제목을 이끌고 있는것들이 아님 2. 블록태그와 인라인 태그의 특징(23) 지금까지는 방만들기였다면, 이제부터는 방과달리 content자체를 꾸며주거나 content를 설명할때 쓰는것이다. 어휘자체에서 의미를 느껴보자 block 는 머릿속에 박스(영역)을 그리고 영역안에 content가 들어간다 inline 은 _______ 한줄에서있는데,..

I. 영역을 위한 시맨틱 태그(17강) 묶는데 div가 쓰인다 난해한 경우가 생긴다. 1. 시맨틱 태그가 없던 시절 : HTML4까지는 다음과 같은 필수 구조를 설명하는 태그가 없었다. 사람이 만든거 뿐만아니라, 사람이 읽는게 아니라 크롤링할 때 등이있다. API제공안하고 화면만 줄때 다 div라서 main영역 알수가없다 그전에는 식별하기위해서 id를 넣어주었다. 식별자로 영역구분했음 2. 문서의 내용을 식별한는데, 표준방식이 없었던 시절 제각각 필수 구성들 : 이 구성을 식별하기 위해 나름대로 이름을 부여하였다. 누구가 맞고 틀리고가 아닌데, 영역마다 붙일때 통일 필요성이있음 그 결과 head main footer 세가지로 만들어짐 저작자 정보가 위에라도 footer라고 부름? footer로 그대로 하..

1~3회 I. 웹 퍼블리싱 개발환경 준비하기 1. 웹문서 만들기 2. vscode 준비 3. webDeveloper 준비 II. 웹문서와 마크업 도구의 이해 1. 웹문서에 대한 이해 (4) 컨텐트 블럭태그는 5가지로 대별된다. 제목 / 문장 / 목록 / 표 / 폼 html 태그 안 head태그, body태그로 나누어진다. 2. 컨텐츠 작성하기 (5) 태그사이에 쓰면된다 컨텐츠인지 여부에 따라 HTML인지 CSS로 나누어진다. 이는 정보의 목적에 따라 달라진다. 컨텐츠이면 HTML이고 , 꾸미는것에 불과하면 CSS이다 3. 컨텐츠 마크업을 위한 태그들 (6) 는 paragraph를 의미한다. 이때 태그는 방을만들어주는 블럭태그과 컨텐트를 설명해주는 태그(inLine)로 대별된다. III. 제목 컨텐츠 구조..