전체 글179 [edwith] 초보 HTML&CSS 4강 - HTML 구조화 설계 HTML structure design : HTML 구조화 설계 웹페이지 만들어 보기 진행된 코드 Company Name Home Home About Map About me Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores optio at expedita, nobis, ab eveniet tempora veritatis placeat odit sint, vero accusamus nostrum! Dolorum eum architecto aliquam amet quo, ut? What I do Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores optio at e.. 2019. 6. 2. [edwith] 초보 HTML&CSS 3강 - UI 레이아웃을 위한 HTML 태그 UI 레이아웃을 위한 HTML 태그 UI 레이아웃 3대장 - header, 본문, Footer 레이아웃을 구성하는 태그 - header : 상단 - nav : 주메뉴(주요 navigation link들을 모아놓는 곳). 시각장애인이 상세내용(?)을 제외하고 들을 수 있게 함. - section : 본문 - aside : 사이드바 메뉴에 주로 사용. - footer : 하단 ((Tip)) 위 태그들은 지원 시작된지 얼마 안 됨. 데탑 환경에선 div 태그로 대체(class에 header/section/footer 등 표시)되는 경우가 많음. 브라우저가 대부분 최신인 스마트폰 환경에서 더 많이 보임. 2019. 6. 1. [생활코딩] HTML - Emmet 활용법 Emmet : 에디터 Atom의 확장프로그램 ※ 포스팅 상의 Emmet 버전은 2.4.3임 Emmet 유용 단축키 Ctrl + / : 블록된 곳을 주석 처리 Ctrl + D : 블록된 곳과 똑같은, 다음 내용을 찾아 다중 선택 Ctrl + Alt + ← 또는 → : 다음 편집 지점으로 커서 이동 Emmet 활용 포인트 예시1 : 부모-자식태그 한 번에 입력 ol>li //왼쪽처럼 입력 후 Tab 결과1 예시2 : 동일태그 여러개 한 번에 입력 li*4 //왼쪽처럼 입력 후 Tab 결과2 예시2-1 : 부모-자식태그를 ()로 묶어서 여러개 한 번에 입력 (li>a)*6 //왼쪽처럼 입력 후 Tab 결과2-1 예시3 : HTML5의 기본틀 한 번에 입력 ! //왼쪽처럼 입력 후 Tab 결과3 Emmet 사용.. 2019. 5. 31. [생활코딩] HTML - DOCTYPE DOCTYPE(Document type declaration) : 문서 형식 선언 HTML에는 다양한 버전이 있는데, HTML5에 들어서면서 모든 버전이 아래 표기로 통일됨. 요약 : HTML 문서 쓸 때 맨 위에 저걸 한 줄 붙이면 됨. 2019. 5. 31. [생활코딩] HTML - 문서의 구조 //head 태그 안에는 부가정보 //body 태그 안에는 본문 태그 설명 title : 웹페이지의 이름 표시 meta + charset : 웹브라우저에게 인코딩 방식을 무엇으로 할지 알려줌 2019. 5. 31. [생활코딩] HTML - 하이퍼텍스트와 속성 예제 오늘의 명언 우리 모두는 자신의 힘으로 발견한 내용을 가장 쉽게 익힌다. (도널드 커누스) 결과 설명 태그 : a 속성 : target, href, title 값 : _blank, 사이트 주소, 상냥한 프로그래머 HTML의 탄생 GML (1960년대 말) SGML SGMLguid HTML (팀 버너스 리) : 태그의 탄생 2019. 5. 29. [생활코딩] HTML - 기술소개, 기본문법 HTML이란? HTML : Hypertext Markup Language 하이퍼텍스트(링크)를 중심으로 하는, 마크업 형식의, 컴퓨터 프로그래밍 언어 언어는 뜻이 정해진 약속/규칙. HTML은 사람과 컴퓨터, 사람과 웹브라우저 간의 약속을 의미. 태그 1. 시작태그 ... 2. 닫는 태그 ... 2019. 5. 29. Women Techmakers Korea Women Techmakers Korea 테크업계/이공계 여성들을 위한 컨퍼런스를 주최하는 단체 페이스북 페이지 https://www.facebook.com/Women-Techmakers-Korea-473605092834438/ 2019. 5. 29. 이전 1 ··· 17 18 19 20 다음
