본문 바로가기

CSS17

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:첫 웹사이트를 만들고 싶은 사람들에게 나만의 첫 웹사이트를 만들어 보자! HTML도 배우고 있고 CSS도 배우고 있고 하지만 한낱 지식들에 불과하다. 아직도 알아야 할 것들이 많고 갈 길이 멀지만 지식만 쌓아갈 순 없다. 직접 만들어 봐야한다. 직접 코드를 작성하고, 디자인을 구상하며 코드를 써봐야 지식에 불과했던 낱개의 태그들이 나만의 것으로 하나로 만들어질 수 있다. 그래서 오늘 초대한 선생님은 Dana Donato라는 이탈리아 분이시다. 워드 프레스 기반의 웹사이트를 제작하는 프리랜서 디자이너라고 한다. 어제 들었던 강의는 코드를 직접 바로바로 작성해서 웹 페이지에 구현되는 작업에 중심을 둔 강의였다. 더 추가적인 정보가 필요하다면 아래의 링크를 참고! https://dowhateveryouwant1661.tistory.com/19 S.. 2020. 3. 25.
HTML 헤드: 타이틀, 스타일, 링크, 메타, 스크립트, 베이스 1. 헤드 - 스타일 - 링크 요소 외부의 다른 스타일 시트에 연결한다. - 메타 요소 문자열, 페이지 요약, 키워드, 저자, 다른 메타 데이터 등을 포함한다. 태그에서 viewpoint 요소를 지정하면 여러 크기의 장치 및 웹 페이지에서 화면을 볼 수 있다. - viewpoint: 페이지 조절 - width=device-width: 기기의 스크린 크기에 따라서 웹 페이지의 크기를 조정 - initial-scale=1.0: 처음 웹 페이지에 화면이 뜰 때 초기 확대 정도를 설정 - 스크립트 요소 사용자 측면의 스크립트를 나타낸다. 더 자세한 정보는 다음의 링크를 더 확인해보자. https://dowhateveryouwant1661.tistory.com/15 HTML 식별속성, 아이프레임, 자바스크립트, .. 2020. 3. 19.

티스토리툴바