본문 바로가기

전체 글173

[Html] display 속성 inline 과 block 정리(<div>,<span) - CodeRecorder Block element 1. h1 , ol , ul ,div , p 같이 display : block 속성을 가진 태그들은 화면 구성이나 , 레이아웃을 구성할때 사용한다 . 2. 블록 속성은 한칸을 모두 차기하기때문에 세로로 나열된다 . 3. width, height , margin 속성을 사용할수있다 Inline element a, em , img ,span 같은 display : inline 속성을 가진 태그들은 콘텐츠를 구성하는 공간만 차지합니다. 1. 가로로 나열된다 2. line-height 을 사용할 수 있다 , text-align을 사용할 수 없다 . 3. width , height 속성을 사용할 수 없다 같은 문장을 div 와 span 으로 감싼 코드를 작성하고 , 화면을 실행해보면 별 .. 2022. 10. 23.
[Html] Do it! HTML+CSS+자바스크립트 웹 표준의 정석 //복습문제 -프런트엔드 개발자 지원서 - CodeRecorder 프런트앤드 개발자 지원서 HTML, CSS, Javascript에 대한 기술적 이해와 경험이 있는 분을 찾습니다. 개인정보 이름 연락처 지원 분야 웹 퍼블리싱 웹 애플리케이션 개발 개발 환경 개선 지원 동기 접수하기 다시쓰기 2022. 10. 20.
[Html] Do it! HTML+CSS+자바스크립트 웹 표준의 정석 //복습문제 -예약 정보 - CodeRecorder 만들어보기 ! 예약 정보 이름 &nbsp&nbsp&nbsp 휴대폰 &nbsp&nbsp 이메일 &nbsp 예약하기 얼추 했다 2022. 10. 20.
[Html] Do it! HTML+CSS+자바스크립트 웹 표준의 정석 //복습문제 -수습 국원 지원 양식 - CodeRecorder 테이블 만들자! 만들긴 했는데 완전 똑같지는 않음 .. 수습 국원 지원 양식 개인정보 이름 학과/학번 연락처 지원분야 어느정도는 완성! 2022. 10. 20.
[Html] Do it! HTML+CSS+자바스크립트 웹 표준의 정석 //복습문제 -수습 국원 모집 - CodeRecorder 이 화면을 만들어야 한다 ! 수습 국원 모집 방송에 관심 있는 새내기 여러분 환영합니다. 교내 방송국에서 신입생을 대상으로 수습 국원을 모집합니다. 학부나 전공에 상관없습니다. 평소 방송에 관심있던 여러 학우들의 지원 바랍니다. 모집 기간 : 3월 2일 ~ 3월 11일 모집 분야 : 아나운서, PD, 엔지니어 지원 방법 : 양식 작성 후 이메일 접수 지원서 양식은 교내 방송국 홈페이지 공지 게시판에 있습니다. 혜택 수습기자 활동 중 소정의 활동비 지급 정기자로 진급하면 장학금 지급 완성! 2022. 10. 20.
[Html] 리스트 만들기 1. <ol>,<li> 정리 및 예제코드 - CodeRecorder ol 은 뼈대 , li 는 목록 이라고 생각하면되고 ol에 type에 따라서 앞에오는 숫자나 문자가 달라진다 ol에 속성 start 로 시작하는 순번이 달라짐을 알수있다 ! 기본 감자 고구마 type = "1" 호박 오이 type = "a" 수박 딸기 type = "A" start="4" 호박 오이 type = "i" start="4" 김치전 호박전 배추전 타입의 문자 , start 의 숫자로 조절할수있다 2022. 10. 20.
[프론트엔드] Html 텍스트 태그 정리 및 예제코드(blockquote,em,i...) - CodeRecorder html 텍스트 태그는 흔히 쓰이지만 일일이 기억하기엔 너무 귀찮아서 정리할겸 그때그때 쓰려고 정리합니다. 안녕하세요 : h1 안녕하세요 : h2 안녕하세요 : h3 안녕하세요 : h4 안녕하세요 : h5 안녕하세요 : h6 안녕하세요 : p 안녕하세요 : 들여쓰기 안녕하세요 : 이텔릭체 안녕하세요 : 밑줄 안녕하세요 : 위에붙여쓰기 안녕하세요 : 바닥에붙여쓰기 안녕하세요 : 글자에 중간 줄 긋기 안녕하세요 : 줄임말 표현 , 글자 밑에 ... 밑줄 안녕하세요 : 참고내용 표시할때 스는 태그 Hello() : 코드 적을때 씀 안녕하세요 : 작게 쓰고싶을때 씀 안녕하세요 : 강조 하고싶을때 씀 안녕하세요 : 이텔릭체 같은 글자로 비교를 해봤습니다. h1~ h6 까지 크기에 따른 변화 -- 나머지는 코드보면.. 2022. 10. 20.
[Eclipse] 이클립스 html 설정 및 Oracle 충돌문제 해결 - CodeRecorder https://code-recorder.tistory.com/entry/Eclipse-%EC%9D%B4%ED%81%B4%EB%A6%BD%EC%8A%A4-html-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EC%83%9D%EC%84%B1-%EB%B0%8F-%ED%86%B0%EC%BC%93Tomcat%EC%97%B0%EA%B2%B0-CodeRecorder [Eclipse] 이클립스 html 프로젝트 생성 및 톰켓(Tomcat)연결 - CodeRecorder https://code-recorder.tistory.com/entry/Eclipse-%ED%86%B0%EC%BC%93-%EC%84%A4%EC%B9%98-Apache-Tomcat-CodeRecorder [Eclipse] 톰켓 설치.. 2022. 10. 19.