HTML29 사이트유형 - 텍스트 유형 두 번째 사이트 유형 | 텍스트유형 텍스트 유형 은 카드 유형하고 비슷하지만 그안에 텍스트를 넣었습니다. 1.HTML 코드 코드 보기 Animal 귀여운 동물들 설명 여러분은 귀여운 동물들의 설명을 지금 이기회에 볼 수있습니다 여러분 어서 빨리 보세요! 우르르쾅쾅 곰 곰은 엄청 강해요 강해서 엄청 위험해요 그러니 도망가는걸 추천해요 하지만 곰은 귀여워서 봐줄거에요 빛보다 빠른 치타 치타는 너무 빨라서 자동차를 이겨요 그러니 치타하고 달리기 할 생각은 하면안되는게 좋아요 의자왕 사자 사자는 여자친구가 많아서 부러워요 그냥 많이 부럽워서 저는 울지않아요 사자는 의자왕 이에요 귀여운 고양이 고양이는 귀여우니 무슨짓을해도 귀여워요 그러니 고양이는 최강입니다. 이제 뭘쓸지 너무 힘드네요. 더보기 2.CSS 코드 코드 보기.. 2022. 9. 1. 사이트유형 - 텍스트 유형 첫 번째 사이트 유형 | 텍스트유형 텍스트 유형 은 카드 유형하고 비슷하지만 그안에 텍스트를 넣었습니다. 1.HTML 코드 코드 보기 텍스트 유형01 세상에서 제일 귀여운 동물들 우르르쾅쾅 곰 곰은 엄청 강해요 강해서 엄청 위험해요 그러니 도망가는걸 추천해요 하지만 곰은 귀여워서 봐줄거에요 더보기 빛보다 빠른 치타 치타는 너무 빨라서 자동차를 이겨요 그러니 치타하고 달리기 할 생각은 하면안되는게 좋아요 더보기 의자왕 사자 사자는 여자친구가 많아서 부러워요 그냥 많이 부럽워서 저는 울지않아요 사자는 의자왕 이에요 더보기 귀여운 고양이 고양이는 귀여우니 무슨짓을해도 귀여워요 그러니 고양이는 최강입니다. 이제 뭘쓸지 너무 힘드네요. 더보기 인간의친구 강아지 강아지는 인간의 친구에요 저는 인간의 친구인 강아지는 너무 좋.. 2022. 8. 30. 퀴즈 이펙트 여섯 번재 웹디자인 기능사 퀴즈 풀기 웹 디자인 기능사 필기 기출문제를 JS를 이용해서 간단한 퀴즈 프로그램을 만들었습니다. 퀴즈의 답을 입력하고 정답 확인하기 버튼을 누르면 답이 나타나게 됩니다. 원본 소스 보기 원본 사이트 보기 1.js 코드 CSS는 앞서 마크업한 HTML 코드를 디자인및 js동작할때 태그에 추가할 class를 만듭니다. 코드 보기 //문제정보 const quizInfo = [ { answerType: "웹디자인기능사 기출문제 2016년 1회", answerNum: 1, answerAsk: "다음 중 디자인의 조건에 해당하지 않는 것은?", answerChoice: [ "대칭", "점증", "반복", "강조" ], answerResult: "대칭", answerEx: "디자인의 원리 : 균형,.. 2022. 8. 24. 퀴즈이펙트 다섯 번쨰 웹디자인 기능사 퀴즈 풀기 웹 디자인 기능사 필기 기출문제를 JS를 이용해서 간단한 퀴즈 프로그램을 만들었습니다. 퀴즈의 답을 입력하고 마지막에 정답 확인하기 버튼을 누르면 답이 나타나게 됩니다. 원본 소스 보기 원본 사이트 보기 1.js 코드 CSS는 앞서 마크업한 HTML 코드를 디자인및 js동작할때 태그에 추가할 class를 만듭니다. 코드 보기 //문제정보 const quizInfo = [ { answerType: "웹디자인기능사 기출문제 2016년 1회", answerNum: 1, answerAsk: "다음 중 디자인의 조건에 해당하지 않는 것은?", answerChoice: { 1: "대칭", 2: "점증", 3: "반복", 4: "강조" }, answerResult: "1", answerEx.. 2022. 8. 24. 검색 이펙트 세번째 검색 이펙트 html 태그, css 속성, javascript 의 메서드 를 검색하여 찾아볼수있습니다. 원본 사이트 보기 원본 소스 보기 1.HTML 코드 HTML에서 js를 동작하기위한 class이름과 input등을 적절히 사용하여 사용자가 알아보기쉽게 표현해야합니다. 코드 보기 charAt()()를 이용하여 CSS 속성 검색하기 CSS 속성 첫글자 검색하기 a b c d e f g h i j k l m o p q r s t u v w x y z 속성 갯수 : accent-color : 특정 요소에 색상을 지정할 때 사용됩니다. align-content : 콘텐츠 아이템의 상하관계 정렬 상태를 설정합니다. align-items : 콘텐츠 아이템의 내부 상하관계 정렬 상태를 설정합니다. align-sel.. 2022. 8. 22. 이미지 유형 세 번째 사이트 유형 | 이미지유형2 이번 이미지 타입은 gird 를 이용하여 작업하였습니다. flex박스와 차이점은 div박스를 묶어서 left, right 을 안나누는 차이가 있습니다. 1.HTML 코드 코드 보기 우리의동물사진 우주 최강 귀엽고 깜직한 우리 동물을 보시면 너무 좋아요 얼른 동물사진을 보시는게 제일 좋을것 같아요 포악한곰 세상에가 가장무서운 곰입니다 엄청무서우니 도망가는게 좋겠습니다 여러분은 곰이 얼마나 강하고 무서운지 아세요? 나는 겪.. 페이지이동 페이지이동 페이지이동 페이지이동 페이지이동 셰이크 로트폴라 모스크 세상에가 가장무서운 곰입니다 엄청무서우니 도망가는게 좋겠습니다 여러분은 곰이 얼마나 강하고 무서운지 아세요? 나는 겪.. 페이지이동 페이지이동 페이지이동 페이지이동 페이지이동 셰이.. 2022. 8. 22. 이전 1 2 3 4 5 다음 728x90 반응형