개발 일기/HTML&CSS (6) 썸네일형 리스트형 HTML 표(Table) 태그 | 웹 개발 입문 유튜브 '짐코딩 GYM CODING' 님의 강의를 통하여 공부한 것을 기록합니다. ✍🏻 HTML 강의 Ep04_3 - HTML 표(Table) 태그 | 웹 개발 입문 | 함께 웹 개발에 입문해 보는 건 어떨까요? https://youtu.be/uYli5PMlOrw?si=MZXs79Jroieji_yd 표(Table) 태그 Table 구조 3_3_table-tag.html 파일 생성 후 title을 Table Tag로 설정 , , , , 태그 실습 열이지만 타이틀을 나타내는 태그 tr>td*3 입력 후 enter , 태그 실습 3행 3열의 테이블이 완성되었다 하지만, 테두리도 없고 라인도 없고 보기 불편하다 테두리를 제대로 하려면 css를 이용해 스타일을 만들어 주어야 한다 하지만, 아직 css를 배우지 않.. HTML 목록(List) 태그 | 웹 개발 입문 유튜브 '짐코딩 GYM CODING' 님의 강의를 통하여 공부한 것을 기록합니다. ✍🏻 HTML 강의 Ep04_2 - HTML 목록(List) 태그 | 웹 개발 입문 | 함께 웹 개발에 입문해 보는 건 어떨까요? https://youtu.be/rbd_HWUHCIc?si=9fq9we9-XPste7-2 목록 태그 순서가 있는 목록 표현. type 속성으로 글머리 기호를 변경할 수 있음 순서가 없는 목록 표현. 목록하위 항목으로 사용, 태그 또는 태그의 하위에 위치 Definition List(정의 목록)의 약자, 사전처럼 용어를 설명하는 목록 예) A는 B이다. 와 같은 Key = Value로 사용할 때 유용 Definition Term(정의 용어)의 약자로, 정의되는 용어의 제목을 넣을 때 사용 Defin.. HTML 폰트(Font) 태그 | 웹 개발 입문 유튜브 '짐코딩 GYM CODING' 님의 강의를 통하여 공부한 것을 기록합니다. ✍🏻 HTML 강의 Ep04_1 - HTML 폰트(Font) 태그 | 웹 개발 입문 | 함께 웹 개발에 입문해 보는 건 어떨까요? https://youtu.be/unKwt4lwwxQ?si=7tXTDyBRPZiUzvXQ HTML 태그 3_1_font-tag.html 파일 생성 후 title을 Font Tag로 설정 제목 태그 1~6 실습 가로줄 태그 실습 , 태그 실습 태그 실습 애국가 복사 붙여넣기 해당 부분 드래그 후 tab으로 간격 맞춰주기 , , , 태그 실습 동해 이텔릭체 태그 실습 물과 백두산 태그 실습 이텔릭체 강조 태그. 화면에서는 같은 이텔릭체로 보이지만 화면낭독기에서는 이러한 텍스트를 인식하여 조금 더 강조.. Emmet | 웹 개발 입문 유튜브 '짐코딩 GYM CODING' 님의 강의를 통하여 공부한 것을 기록합니다. ✍🏻 HTML 강의 Ep03 - Emmet | 웹 개발 입문 | 함께 웹 개발에 입문해 보는 건 어떨까요? https://youtu.be/44pQ6p5pHX8?si=scE6LTlvzBuhI4Y2 Emmet : 자동 완성 기능을 제공하여 작동 시간을 아주 빠르게 단축시켜 주는 확장 기능 div>ul>li> 입력 후 enter혹은tab 자동완성 시켜줌 div>ul+ol+div 후 enter 완성! div>ul>li*3 후 enter li 태그 세 번 반복돼서 출력됨 태그에는 그 태그의 고유 이름을 짓는 id라는 속성을 사용할 수 있다 아이템이라는 id를 갖는 span 태그를 만들고 싶으면 span#item 후 enter 완성!.. HTML이란? | 웹 개발 입문 유튜브 '짐코딩 GYM CODING' 님의 강의를 통하여 공부한 것을 기록합니다. ✍🏻 HTML 강의 Ep02_1 - HTML이란 무엇인가? | 웹 개발 입문 | 함께 웹 개발에 입문해 보는 건 어떨까요? https://youtu.be/N_nVDZSAjq4?si=TrIelTdFP7NF-3xN ✍🏻 HTML 강의 Ep012_2 - HTML이란 무엇인가? | 웹 개발 입문 | 함께 웹 개발에 입문해 보는 건 어떨까요? https://youtu.be/9o5VuZB5OKw?si=F7HMNzWtM5qyr33b 1행에 !누르고 enter 혹은 tab 치면 자동 생김 웹 상에서 예쁘게 안 나옴 굵기 주는 마킹 가로줄 그어주는 탭 마킹 목록 마킹 건강 건강을 누르면 해당 링크로 이동할 수 있다 개행하고 싶으면 이용. .. 웹 개발 입문 | 개발환경 구성 유튜브 '짐코딩 GYM CODING' 님의 강의를 통하여 공부한 것을 기록합니다. ✍🏻 HTML&CSS 강의 Ep00 - 강의소개 | 웹 개발 입문 | 함께 웹 개발에 입문해 보는 건 어떨까요? https://youtu.be/N_nVDZSAjq4?si=TrIelTdFP7NF-3xN ✍🏻 HTML&CSS 강의 Ep01 - 개발환경 구성 | 웹 개발 입문 | 함께 웹 개발에 입문해 보는 건 어떨까요? https://youtu.be/9o5VuZB5OKw?si=F7HMNzWtM5qyr33b f12 우 개발자 도구 크롬에서 지원 개발할 때 편리 크롬 브라우저 다운 비주얼스튜디오 설치 설치 후 첫 실행이라 테마 선택 나옴 선택 후 mark done 실습 할 파일 만든 후 열어보기 생성 완료 visual studio.. 이전 1 다음
