하얀성의 개발 메타인지

쉰 날을 제외하면 총5일 걸려서 제작함. 솔직히 많이 배웠음. html, css 별거 없다고 javascript 할 때, 생각했는데.. 이걸 안해서 기본조차 안되어 있었던 것이었음. 클론코딩 안하고 직접 만들어낸 첫 결과물!!!!!!!

하이퍼링크 밑줄 없애기 a 태그의 text-decoration 속성을 none값을 적용하면 됩니다. a { text-decoration: none; } 웹툰 작품은 쿠키를 사용하여 대여/구매 하실 수 있습니다. ㅇㅇ ㅇㅇ 위와 같은 점 list를 블릿 리스트(Bulleted list)라 함. 보충: 1.article 쓸 때, header도 소용없고, 오로지 h1~h6 중에서 하나 무조건 써야 오류안생김. 2. 하이퍼링크 지워줄 때는 a 태그에 text-decoration: none; 적용해줘야됨.

form 요소는 만드는데 어려운 부분은 없었으나 기존에 해오던 html 코드가 내가 감당불가할 정도로 쌓여서 관리가 힘들었다. 그리고, live server 가 안되서 그 버그 수정하느라 애 좀 먹었다. 정답은 잘게 쪼개서 내가 조립한뒤에, 유효성 통과하고 나서, 결과를 최종본에 합치는 방식을 새롭게 채택하기로 했다. select 박스 직업선택 학생 회사원 기타 아래와 같이 회사원이 선택된채로 출력됩니다. radio 박스. (꼭 label로 안북어 줘도 된다.) ction='a.jsp'> 성별 여성 남성 좋아하는 과일 사과 바나나 오렌지 아래처럼 name 속성을 동일하게 주면, 10대 20대 30대 아래처럼 단 하나만 다중택일 된다. input에서 나오는 for=""은 id를 사용해줄 때만 써줘야함. c..

은 안에 넣는다. border-collapse 속성 border-collapse 속성값을 collapse로 설정하면 해당 테이블의 테두리는 한 줄로 표현된다. 이 속성을 명시하지 않으면 해당 테이블은 기본 설정으로 테이블 요소별 테두리를 모두 표현하게 된다. ♣ 두 줄 표 말고, 한줄표 만들때 사용 CSS table, th, td { border: 2px solid orange; } table { border-collapse: collapse; } + border-collapse - collapse : border를 한 줄로 합칩니다. - separate : border를 분리한채로 유지합니다. tr {border-bottom: 2px solid black} 으로 해도 선이 나타나지 않는다. 그렇다고 t..

https://nonipc.com/entry/%EC%8B%9C%EB%A7%A8%ED%8B%B1-%ED%83%9C%EA%B7%B8semantic-tag-%EC%82%AC%EC%9A%A9-%EB%B0%A9%EB%B2%95 시맨틱 태그(semantic tag) 사용 방법 1. 시맨틱 코드 참고할 글 : 2021.04.09 - [코딩/HTML] - 시맨틱 태그(semantic tag) 꼭 써야 할까? 시맨틱(semantic) 태그란 그 이름 자체만으로 브라우저나 길 잃은 사람들, 지구 상의 원주민, 개발자, 수정자 nonipc.com 가운데 정렬 인라인 요소 : text-align: center / 블럭 요소 : margin: 0 auto float를 쓸 때는 부모요소로 감싸줘야함. 그냥 header 안에 di..

앞으로는 외부스타일시트 쓰고, 유효성 검사를 진행하는 습관을 들일예정. ch2 조건: 이메일에 하이퍼 걸기. rowspan colspan 사용 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 Document 이 력 서 성명 안 기 웅 주 민 등 록 번 호 123456-1234567 생년월일 1986년 01월 09일 (만 34 세) 주소 경기도 화성시 산척동 연락처 집 02 - 123 - 1234 전자우편 ankiwoong@gmail.com 핸드폰 010-123-1234 Colored by Color Scripter cs 1 2 3..

[ch5] 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 Document body{ background-color: green; margin-left: 100px; } img{ width: 400px; height: 200px; position: absolute; top: 0%; } .container{ width: 200px; height: 120px; margin-left: 100px; background-color: yellow; border-style: dotted; border-color: red; border-width: ..

ch2 1 2 3 4 5 6 7 8 9 10 11 12 My First Page P c h Colored by Color Scripter cs 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 table td,th{ padding: 2px 2px; }

[정답과 달라도, 화면만 만들어내면 되니깐 이론만 보고 풀자] 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 Document .title { color: brown; font-size: large; font-weight: 800; } p{ margin-left: 50px; font-weight: 200; font-size: smaller; } 최신 웹 디자인 트렌드 반응형 웹 디자인 - 다양한 화면 크기에 최적화하다 플랫 디자인 - 입체에서 평면으로 풀스크린 배경 - 콘텐츠에 집중 원 페이지 사이트 - 한 페이지에 모든 내용을 담다 패럴랙스 스크롤링 - 동적인 효과로 강한 인상을! 웹 폰트 - 웹 타이포그래..

DOCTYPE html> 연습문제 수습 국원 모집 방송에 관심 있는 새내기 여러분 환영합니다. 교내 방송국에서 신입생을 대상으로 수습 국원을 모집합니다. 학부나 전공에 상관없습니다. 평소 방송에 관심있었던 여러 학우들의 지원바랍니다. 모집 기간 : 3월 2일 ~ 3월 11일 모집 분야 : 아나운서, PD, 엔지니어 지원 방법 : 양식 작성 후 이메일 접수 지원서 양식은 교내 방송국 홈페이지 공지 게시판에 있습니다. 혜택 수습기자 활동 중 소정의 활동비 지급 정기자로 진급하면 장학금 지급 DOCTYPE html> Document 회원 가입을 환영합니다 사용자 정보 아이디 이메일 비밀번호 비밀번호 확인 이벤트와 새로운 소식 메일 수신 메일 수신 안 함 가입하기 취소 - label은 다른 태그를 설명하는 태그..