디지털 노마드를 꿈꾸며33 HTML 독립체 HTML 독립체(entities) 2020. 3. 28. HTML 컴퓨터 코드, 의미요소 1. HTML 컴퓨터 코드 컴퓨터 코드로 입력되는 문자들은 동일 공간 글꼴로 표시된다. 키보드 입력 명령 인출 명령 컴퓨터 코드 변량 2. HTML 의미 요소(semantic elements) 의미 요소는 말 그대로 요소 안에 의미가 있는 것을 뜻한다. 나 같은 경우는 요소 자체에서 포함될 내용에 대한 아무 정보도 얻을 수 없는 비-의미요소(non-semantic elements)이다. 반면에 , , 처럼 내용에 대해서 정의를 내리는 의미 요소(semantic elements)는 다음과 같다. 요소는 제목+내용의 묶음이며, 대체로 인트로, 내용, 연락처로 섹션을 구분할 수 있다. 요소는 그에 독립적인 내용을 담고 있으며, 포럼, 블로그, 뉴스 기사 등을 구분한다. 섹션과 아티클은 섹션 안에 아티클이 포함.. 2020. 3. 28. HTML 레이아웃, 반응형 웹 디자인 1. HTML 레이아웃 요소 잡지나 신문처럼 여러 행에 내용을 담고 있는 것처럼 서로 다른 영역에 서로 다른 내용 요소를 담을 수 있다. - 문서나 각 섹션의 머릿말 부분 - '탐색메뉴'라고 하면 적절하려나, 네비게이션 링크의 정보를 담는 영역 - 문서 안의 한 부분 - 개별적인 한 기사가 실리는 부분 - 사이드바 처럼 내용 옆 부분 - 웹페이지 하단 부분에 실리는 각주 - 추가적인 세부정보 - 영역의 제목 영역 2. HTML 레이아웃 기술 HTML tables (not recommended) CSS float property CSS flexbox CSS framework CSS grid HTML tables (not recommended) 표를 만드는 요소는 행을 만들 순 있지만 레이아웃용은 아니므로,.. 2020. 3. 28. SKILLSHARE:첫 웹사이트를 만들고 싶은 사람들에게2 웹사이트 만들기의 구체적인 방법을 더 알아보자. 쓰다보니 요약 내용을 다 작성하면 포스팅이 너무 길어질 것 같아서 나눠서 기록한다. 이전 내용이 궁금하다면 아래의 링크를 참고! https://dowhateveryouwant1661.tistory.com/20 SKILLSHARE:첫 웹사이트를 만들고 싶은 사람들에게 나만의 첫 웹사이트를 만들어 보자! HTML도 배우고 있고 CSS도 배우고 있고 하지만 한낱 지식들에 불과하다. 아직도 알아야 할 것들이 많고 갈 길이 멀지만 지식만 쌓아갈 순 없다. 직접 만들어 봐야한다. 직접 코.. dowhateveryouwant1661.tistory.com 역시 같은 선생님을 모시고 왔다. 웹사이트에서 제공할 내용을 최대한 다 준비하고 시작하면 효율적으로 시간과 공간을 계.. 2020. 3. 25. 이전 1 2 3 4 5 6 7 8 9 다음
