본문 바로가기

Programming84

html + css로 깨깨오톡 로그인 페이지 만들어보기 1. html part - 첫 페이지 명은 Index.html 로 작성 모든 웹서버가 Index.html 페이지를 먼저 찾게 되니 index.html 명으로 작성 필요 - icon 쓴 웹: 1) heroicon(svg -> copy html address) 2) fontawesome * font를 외부에서 가져올 때에, 해당 페이지의 script를 가져오고 는 마지막 와 사이에 작성해두기 - link:css 치면 바로 위로 자동완성됨 - head와 header는 다른 것 1) head: created before body comes 2) header: inside the body tag 2. CSS part - [reset.css] 웹브라우저에서 default 설정을 없애기 위해서 reset.css 파일.. 2023. 2. 9.
css tags 정리(class, id, 등등) 어제 배운 css 태그에 이어 더 적어보겠슴. 어제 살짝 드릅게 css 정리한거 같은데 조금 더 깔끔하게 해보겠3. 분류 태그 명 내용 비고 - * 모든 내용을 아우르는 태그임 *{border: 5px dashed black} html{ background-color: tomato; } - class html 내 class 로 분류된 태그들을 지정함 - .class로 활용 .btn{ padding=20px; } .tomato{ background-color: tomato; } .teal{ background-color: teal; } hello hello hello hello - id # #first{ background-color: white; } hi flexbox flex - 블락의 사이즈를 웹사이.. 2023. 2. 8.
html css tags 정리 안녕하시렵니까 오늘은 day 2 가보자고 레스기릿 아직 html 한발 남았다 아침엔 어제 배운 것들을 활용해서 내 전용 축구 네트워크 페이지를 만들어봤다. 어제 만든 hmtl 태그 중에서 오늘 추가된 것들 추가해보겟슴. 분류 태그 명 기능 내용 line 1 n/a 로 항상 시작! line 2 n/a 마! 한국어다! head 헤드, 탭 : 탭 이름 부수적, 구글에서 검색했을 때 보여주는 모든 부수적 명시 기능 Self-closing tag 필수적임, 영어 외 다른 글자 깨짐을 방지 body 제목 - 텍스트 크기 조정 - size: h1 > h2 > h3 > h4> h5 > h6) ordered list 코드: beer kimchi 불고기 결과: 1. beer 2. kimchi 3. 불고기 form 입력할 .. 2023. 2. 7.
html이란? css 이란? javascript란? 1. 모든 웹사이트는 제목, 사진, 내용으로 구성되어 있음 view > developer > view source로 들어가면 웹페이지의 코드를 볼 수 있음 웹사이트는 모두 text 로 구성되어 있음 Only text text text! 웹사이트는 2~3가지로 언어로 구성되어 있음 2. HTML이란 무엇인가? 내용(ex, 제목,사진, 사이드바 등)를 나타냄 - 사람의 뼈 브라우저한테 "야야 이게 콘텐츠고 이게 이미지야" 라는 것을 설명해줌 tell the browser, what content is in my webpage? 3. CSS란 무엇인가? html에서 쓴 내용이 어떻게 보일것인지? - 사람의 근육과 같음 html과 항상 같이 쓰임 (1+1 선물세트같음) tell the browser, “브라우저.. 2023. 2. 6.

티스토리툴바