본문 바로가기
728x90

코딩애플254

레이아웃 만들기 1 : 호환성 좋은 float 보호되어 있는 글 입니다. 2023. 10. 21.
웹레이아웃의 기초 : div를 이용한 네모네모 박스 디자인 보호되어 있는 글 입니다. 2023. 10. 16.
CSS 파일 만들고 첨부하는 법 보호되어 있는 글 입니다. 2023. 10. 16.
기본적인 웹페이지 스타일링 간단한 스타일 넣는 법 글자 거의 모든 태그는 style="" 이라는 속성을 열 수 있습니다. 거기 안에 스타일이름 : 스타일값; 형식으로 스타일을 넣으면 됩니다. 여러개를 넣고 싶다면 뒤에 쭉 나열해주시면 됩니다. 세미콜론 까먹으면 안됩니다. 폭이 늘었다 줄었다 해도 가운데 정렬. 글자 가운데 정렬 이미지 가운데 정렬할 때만 3개나 필요 center 말고도 왼쪽정렬하려면 left 오른쪽은 right 입력해주면 된다. 자주 사용하는 글자 스타일들 font-size : 20px; font-family : 'gulim'; color : black; letter-spacing : -1px; text-align : center; font-weight : 600; 영어 단어를 잘 알고 계시면 무슨 뜻인지 바로바로.. 2023. 10. 14.
HTML 기본 태그로 글 작성해보기 HTML은 로 작성합니다. 안녕 이런 식의 태그들을 열고 닫은 후 내부에 글을 넣고 그림을 넣을 수 있습니다. 태그들은 종류와 용도가 매우 많이 존재합니다. 글을 작성하고 싶다면 글을 넣을 때 쓰는 태그를 사용하고, 버튼을 넣고 싶으면 버튼을 넣을 때 쓰는 태그를 사용하면 됩니다. p - paragraph 의 약자 h - heading 의 약자 ul 과 달리 번호 지정해준다. 글 본문 글 제목 링크 버튼 리스트 리스트 ① 태그를 열었으면 으로 닫아야합니다. 닫지 않아도 되는 태그도 몇개 존재합니다. 이런거요 ② 특정 태그는 안에 href=" ", src=" " 이런 속성을 집어넣어서 추가정보를 기입가능합니다. href는 클릭시 이동할 링크를 기입가능하고 src는 파일 경로를 기입가.. 2023. 10. 14.
HTML 기초와 개발 환경 세팅 Brackets 에디터 : https://brackets.io/ (윈도우는 .msi 맥은 .dmg) Visual Studio code 에디터 : https://code.visualstudio.com/ (참고1) 에디터 상단 메뉴에서 '폴더열기'로 먼저 여러분의 작업폴더를 오픈하신 후 파일을 만들든지 코딩을 하든지 하셔야합니다. (참고2) 에디터의 번개 버튼을 누르시면 실시간 미리보기가 가능합니다. (참고3) ctrl + s 단축키로 파일 저장잘하십시오 맥북은 ctrl 대신 command입니다. (자주 묻는 질문) Q. 왜 저는 Brackets 에디터 실시간 미리보기가 잘 안되죠? A. 번개버튼 다시 껐다 켜보시거나 파일 저장 잘하십시오 HTML은 어디다 쓰는 언어? 웹페이지를 만들고 디자인하고 싶을 때 .. 2023. 10. 13.
728x90